Zdarzenie Vuejs dotyczące zmiany wartości elementu?

Question

mam element, który chcę oglądać na zmianę tak:

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

to możliwe, aby to zrobić czysto z vuejs? Próbowałem szukać w dokumentach, ale nie mogłem znaleźć czegoś takiego.

Chcę uruchomić niestandardowe zdarzenie, gdy "50" zmieni się w coś innego za pomocą VueJs.

Answer 1

Czy próbowałeś już z watch? W twoim przypadku byłoby to coś takiego.

szablon

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

js kod

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

Wyjazd the example