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

如果这样写就没有效果,为什么?

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

v-on:click事件应该写在模板中的span上

https://img1.sycdn.imooc.com//5b2347880001f92005610120.jpg

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

qq_pan琦_0 提问者

非常感谢!
2018-06-20 回复 有任何疑惑可以回复我~

因为你的template里面设置了内容。template:"<span>123 {{content}}</span>",

所以导致root被template里的内容替换,你再在root标签里面写指令或者任何东西,都不会显示的,因为页面不存在这个标签了,自然事件没有反应

两种方法 第一种就是楼上说的 在模板上定义

第二种就是template:''定义成空,或者把template删除。

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

举报

0/150
提交
取消

如果这样写就没有效果,为什么?

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