我有一个元素想要观察这样的变化:
<span id="slider-value-upper" class="lower">50</span>
用 vuejs 可以干净地做到这一点吗?我尝试查看文档,但找不到类似的内容。
我想在 VueJs 中每当“50”更改为其他内容时启动一个自定义事件。
你有没有尝试过watch http://vuejs.org/api/#watch?
在你的情况下,它会是这样的。
template
<div id="app">
{{ message }}
<span id="slider-value-upper" class="lower">{{myValue}}</span><br />
<input v-model="myValue">
</div>
js code
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://jsfiddle.net/k7gypb21/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)