तत्व मूल्य के परिवर्तन पर Vuejs घटना?</p> <pre><code><span id="slider-value-upper" class="lower">50</span> </code></pre> <p>क्या यह संभव है vuejs साथ सफाई से यह करने के लिए:

Question

मैं एक तत्व है कि मैं इस तरह एक बदलाव के लिए देखना चाहते है? मैंने दस्तावेज़ों को देखने की कोशिश की लेकिन मुझे ऐसा कुछ नहीं मिला।

जब भी '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