Evento Vuejs sulla modifica del valore dell'elemento?

Question

Ho un elemento che voglio guardare per un cambiamento come questo:

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

E 'possibile fare questo in modo pulito con vuejs? Ho provato a cercare nei documenti ma non ho trovato nulla di simile.

Voglio lanciare un evento personalizzato ogni volta che '50' cambia in qualcos'altro con VueJs.

Answer 1

Hai provato con watch? Nel tuo caso sarebbe qualcosa di simile.

modello

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

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

check out the example