如果這樣寫(xiě)就沒(méi)有效果，為什么？
<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>
qq_pan琦_0
2018-06-15
2 回答
舉報(bào)
0/150
提交
取消
2018-06-15
v-on:click事件應(yīng)該寫(xiě)在模板中的span上
2018-12-27
因?yàn)槟愕膖emplate里面設(shè)置了內(nèi)容。template:"<span>123 {{content}}</span>",
所以導(dǎo)致root被template里的內(nèi)容替換，你再在root標(biāo)簽里面寫(xiě)指令或者任何東西，都不會(huì)顯示的，因?yàn)轫?yè)面不存在這個(gè)標(biāo)簽了，自然事件沒(méi)有反應(yīng)
兩種方法 第一種就是樓上說(shuō)的 在模板上定義
第二種就是template：''定義成空，或者把template刪除。