本节知识点
代码实现
- 因为自定义组件要想绑定事件必须监听子组件发射过来的事件。而要是用原生的就简单多了
- 因为组件上绑定的事件都是自定义事件，要想绑定原生事件事件只需要在后面加上native
<body>
<div id="app">
<zujian :content="item.id" :index="index" v-for="(item, index) in list" :key="index" @click.native="change">
</zujian>
</div>
</body>
<script>
let zujian = {
props: ["content", "index"],
template: '<div>{{content}}</div>',
}
let app = new Vue({
el: "#app",
data: {
message: "Hello World!",
list: [{
id: "第一个"
}, {
id: "第二个"
}]
},
components: {
zujian
},
methods: {
change() {
console.log("测试中");
}
},
})
</script>
网友评论