有沒有人幫忙看看我的點(diǎn)擊刪除為什么沒有反應(yīng)，也不報(bào)錯(cuò)..
<body>
<div id="root">
<div>
<input v-model="inputValue" />
<button @click="Submit">提交</button>
</div>
? ? ? ? ? ? ? ??
<ul>
? ?<todo-item?
? ? ? ? ? ?v-for="(item,index) of list"?
? ? ? ? ? ?:key="index"
? ? ? ? ? ?:content="item"
? ? ? ? ? ?:index="index"
? ? ? ? ? ?@delete="handleDelete"
? ? ? ? ? ?>
? ? ? ? ? ? ? ?
? ? ? ? ? ?</todo-item>
</ul>
</div>
? ??
<script>
? ? ? ?
Vue.component('todo-item',{?
? ? ? ? ? ? props:['content','index'],? ? ?
template:'<li>{{content}}</li>',
? ? ? ? ? ? methods:{
? ? ? ? ? ? ? ? handleClick:function(){
? ? ? ? ? ? ? ? ? ? this.$emit('delete',this.index)
? ? ? ? ? ? ? ? },
? ? ? ? ? ? }
})
new Vue({
el:"#root",?
data:{? ?
inputValue:'',
list:[],
},
methods:{
Submit:function() {
this.list.push(this.inputValue)
this.inputValue=''
},
? ? ? ? ? ? ? ? handleDelete:function(index){
? ? ? ? ? ? ? ? ? ? this.list.splice(index, 1)
? ? ? ? ? ? ? ? }
},
})
</script>
</body>
2020-11-18
template:'<li>{{content}}</li>',改為template:"<li @click='handleClick'>{{msg}}</li>"
2020-07-19
自問自答，因?yàn)樯瞎?jié)課沒有跟著做，li上面沒有綁定click事件