我正在嘗試從我的串列中洗掉專案，我正在使用 js 洗掉運算子但它不能，這是代碼
HTML :
<ol v-if="status">
<li v-for="(item, key) in items" :key="item.title">
{{ item.title }} - Type - {{ item.type }}
<input v-model="item.type" type="text" value="{{ item.type }}" style="margin-left: 2%;" />
<button @click="delete items[key]">Remove Items</button>
</li>
</ol>
JS：
const sample = {
data() {
return {
newItem: [
{title: "", type: ""}
],
subject: 'Vue.js',
items: [
{ title: 'Javascript', type: 'Native'},
{ title: 'Vue', type: 'Framework'},
{ title: 'React', type: 'Framework'},
{ title: 'Angular', type: 'Framework'},
],
item: 'Javascript',
status: 1
}
},
}
Vue.createApp(sample).mount('#app')
uj5u.com熱心網友回復：
你需要為你的@click事件宣告一個正確的方法：
<button @click="deleteItem(key)">Remove Items</button>
然后，在你的vue,methods部分，宣告這個函式：
methods:{
deleteItem(key){
this.items.splice(key, 1)
},
},
你的完整vue代碼是這樣的：
const sample = {
data() {
return {
newItem: [
{title: "", type: ""}
],
subject: 'Vue.js',
items: [
{ title: 'Javascript', type: 'Native'},
{ title: 'Vue', type: 'Framework'},
{ title: 'React', type: 'Framework'},
{ title: 'Angular', type: 'Framework'},
],
item: 'Javascript',
status: 1
}
},
methods:{
deleteItem(key){
this.items.splice(key, 1)
},
},
}
Vue.createApp(sample).mount('#app')
uj5u.com熱心網友回復：
嗨，在你的@onclick 中，你沒有正確使用你的函式，你最常做這樣的事情：
<ol v-if="status">
<li v-for="(item, key) in items" :key="item.title">
{{ item.title }} - Type - {{ item.type }}
<input v-model="item.type" type="text" value="{{ item.type }}" style="margin-left: 2%;" />
<button @click="delete(item)">Remove Items</button>
</li>
</ol>
在這里，delete 是一個函式，用于洗掉像這個函式的專案中的你的專案
delete(item){
this.items.splice(item.title, 1)
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/378493.html
標籤：Vue.js
下一篇：vuejs用逗號和句點分隔錢