为什么我在组件里面绑定点击事件，审查元素显示Unexpected identifier？
<html>
<head>
<script src='./vue.js'></script>
</head>
<body>
<div id='root'>
<input v-model='msg'/>
<button @click='handleSubmit'>Submit</button>
<ul>
<todoitem v-for='(item,index) of list' :key='index' :content='item'></todoitem>
</ul>
</div>
<script>
Vue.component('todoitem',{
props:['content'],
template:'<li v-bind:click='handleClick'>{{content}}</li>',
methods:{
handleClick:function(){
alert('clicked')
}
}
})
new Vue({
el:'#root',
data:{
msg:'',
list:[]
},
methods:{
handleSubmit:function(){
this.list.push(this.msg)
this.msg=''
}
}
})
</script>
</body>
</html>
个回答
-
- 溺水的鱼321
- 2018-10-12 16:20:05
你这个问题是Js中单引号里面不能嵌套单引号，双引号里面可以嵌套单引号的，改成这样就行template: "<li v-bind:click='handleClick '>{{content}}</li>"
-
- qq_正年轻_0
- 2019-12-23 15:51:18
如下图：
-
- qq_慕娘6581288
- 2019-06-14 20:20:58
绑定点击事件不是 v-on:click 或者@:click 么，你写的v-bind:click 也可以的么？