Sự kiện Vuejs về thay đổi giá trị phần tử?

Question

Tôi có một yếu tố mà tôi muốn xem cho một sự thay đổi như thế này:

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

Có thể thực hiện điều này sạch với vuejs? Tôi đã thử tìm kiếm trong các tài liệu nhưng tôi không thể tìm thấy bất cứ điều gì như thế này.

Tôi muốn khởi chạy sự kiện tùy chỉnh bất cứ khi nào '50' thay đổi thành thứ gì đó khác bằng VueJs.

Answer 1

Bạn đã thử với watch? Trong trường hợp của bạn, nó sẽ là một cái gì đó như thế này.

mẫu

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

js đang

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

séc ra the example