我有一个元素,我想要观察这样的变化:
<span id="slider-value-upper" class="lower">50</span>
有没有可能用vuejs干净利落地做到这一点?我试着在文档中寻找,但我找不到这样的东西。
我想在“50”更改为VueJs的其他内容时启动一个自定义事件。
发布于 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';
}
}
}
})
查看
https://stackoverflow.com/questions/34723680
复制相似问题