javascript - change - vue title attribute

¿Vuejs evento en cambio de valor de elemento?

Question

Tengo un elemento que quiero ver para un cambio como este:

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

¿Es posible hacer esto limpiamente con vuejs? Intenté buscar en los documentos, pero no pude encontrar nada como esto.

Quiero lanzar un evento personalizado cada vez que ''50'' cambie a otra cosa con VueJs.

Answer 1

¿Has probado con watch ? En tu caso sería algo así.

modelo

<div id="app">
    {{ message }}
    <span id="slider-value-upper" class="lower">{{myValue}}</span><br />
    <input v-model="myValue">
</div>

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

mira el ejemplo