vue模板插值失效问题
用vue的模板插值,出现修改data值页面不变的问题<button@click="click">{{btnText}}</button>...data:{btnText:'按钮'},method:{click:function(){$('button').ladda().start();//启动特效(瞎写的)}}由于我使用了ladda按钮特效,导致改变btnText结果页面
·
用vue的模板插值,出现修改data值页面不变的问题
<button @click="click">{{btnText}}</button>
...
data:{
btnText:'按钮'
},
method:{
click:function(){
$('button').ladda().start();//启动特效(瞎写的)
}
}
由于我使用了ladda按钮特效,导致改变btnText结果页面显示不响应。
猜测原因是,ladda特效修改覆盖了button的一些事件回调,导致vue模板插值失效。
解决办法:使用v-text="btnText"替换可以解决问题
原理不明
更多推荐
已为社区贡献1条内容
所有评论(0)