Vue.js事件在元素值的改变？ [英] Vuejs event on change of element value?

问题描述

我有一个要监视的元素，例如：

I have an element that I want to watch for a change like this:

<span id="slider-value-upper" class="lower">50</span>

是否可以使用vuejs做到这一点？我尝试查看文档，但找不到类似的东西。

Is it possible to do this cleanly with vuejs? I tried looking in the docs but I could not find anything like this.

每当VueJ的'50'更改为其他内容时，我都想启动自定义事件。

I want to launch a custom event whenever '50' changes to something else with VueJs.

推荐答案

您是否尝试过 观看 ？
您的情况就是这样。

Have you tried with watch? In your case it would be something like this.

模板

<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';
        }
      }
    }
})

签出 示例

这篇关于Vue.js事件在元素值的改变？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！