如果这样写就没有效果，为什么？
来源：2-3 Vue实例中的数据,事件和方法
qq_pan琦_0
2018-06-15 11:29
<div id="root" v-on:click="handClick"></div>
<script>
new Vue({
el:"#root",
template:"<span>123 {{content}}</span>",
data:{
content:"helloa"
},
methods:{
handClick:function(){
this.content="world";
}
}
});
</script>
写回答
关注
2回答
-
- qq_小螺丝_0
- 2018-06-15 12:59:32
v-on:click事件应该写在模板中的span上
-
- 慕侠2155777
- 2018-12-27 12:12:49
因为你的template里面设置了内容。template:"<span>123 {{content}}</span>",
所以导致root被template里的内容替换，你再在root标签里面写指令或者任何东西，都不会显示的，因为页面不存在这个标签了，自然事件没有反应
两种方法 第一种就是楼上说的 在模板上定义
第二种就是template：''定义成空，或者把template删除。
vue2.5入门
快速理解Vue编程理念上手Vue2.0开发。
146825 学习 · 657 问题
相似问题