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

为什么我的li绑上"handleClick"事件之后,提交按钮就没反应了呢

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<script src="http://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>

</head>

<body>

<div id="root">

<div>

<input type="text" v-model="inputValue">

<button @click="handleSubmit">提交</button>

</div>

<ul>

<todo-item 

v-for="(item,index) of list" 

:key="index" 

:content="item"

:inde="index" 

@delete="handleDlete"

>

</todo-itemdo>

</ul>

</div>


<script>

Vue.component("todo-item",{

props:["content","index"],

template:"<li @click="handleClick">{{content}}</li>",

methods:{

handleClick:function(){

this.$emit("delete",this.index)

}

}

})




new Vue({

el:"#root",

data:{

inputValue:"",

list:[]

},

methods:{

handleSubmit:function(){

this.list.push(this.inputValue)

this.inputValue=""

},

handleDlete:function(index){

this.list.splice(index,1)

}

}

})

</script>


</body>

</html>


正在回答

1 回答

template:"<li @click="handleClick">{{content}}</li>" 将其中一对双引号改成单引号试试,可能是编译器混淆了

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

举报

0/150
提交
取消

为什么我的li绑上"handleClick"事件之后,提交按钮就没反应了呢

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