为了账号安全,请及时绑定邮箱和手机立即绑定

有没有人帮忙看看我的点击删除为什么没有反应,也不报错..

<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>


正在回答

2 回答

template:'<li>{{content}}</li>',改为template:"<li @click='handleClick'>{{msg}}</li>"

1 回复 有任何疑惑可以回复我~

自问自答,因为上节课没有跟着做,li上面没有绑定click事件

1 回复 有任何疑惑可以回复我~
#1

宝慕林1176426

哈哈哈哈
2021-04-15 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

有没有人帮忙看看我的点击删除为什么没有反应,也不报错..

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信