要素値の変更に関するVuejsイベント？

Question

私はこのような変更を監視する要素があります。

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

はvuejsできれいにこれを実行することが可能ですか？私はドキュメントを見てみましたが、このようなものは見つけられませんでした。

「50」がVueJsで何かに変更されると、いつでもカスタムイベントを開始したいと思います。

Answer 1

watchで試したことがありますか？ あなたの場合は、このようなものになります。

テンプレート

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

を変更したいんthe example