元素值变化的Vuejs事件？
元素值变化的Vuejs事件？
提问于 2016-01-11 22:16:26
我有一个元素，我想要观察这样的变化：
<span id="slider-value-upper" class="lower">50</span>有没有可能用vuejs干净利落地做到这一点？我试着在文档中寻找，但我找不到这样的东西。
我想在“50”更改为VueJs的其他内容时启动一个自定义事件。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-12 03:00:00
你试过用watch吗？在您的情况下，应该是这样的。
模板
<div id="app">
{{ message }}
<span id="slider-value-upper" class="lower">{{myValue}}</span><br />
<input v-model="myValue">
</div>js代码
new Vue({
el: '#app',
data: {
message: 'Watch example',
myValue: 50
},
watch: {
'myValue': function(val, oldVal){
if (val < 50) {
this.message= 'value too low!';
}else{
this.message= 'value is ok';
}
}
}
})查看
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34723680
复制相关文章
相似问题
腾讯云开发者
