Événement Vuejs sur le changement de la valeur de l'élément?

Question

J'ai un élément que je veux surveiller pour un changement comme celui-ci:

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

Est-il possible de le faire proprement avec vuejs? J'ai essayé de regarder dans les documents mais je n'ai rien trouvé de tel.

Je veux lancer un événement personnalisé chaque fois que '50' change pour quelque chose d'autre avec VueJs.

Answer 1

Avez-vous essayé avec watch ? Dans votre cas, ce serait quelque chose comme ça.

modèle

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

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

consultez ( l'exemple