vue.js更新值時，另一個值變化（數據綁定）

Question

這就是我改變的值：

​​

而且我想這裏到處更新： 注意有多個該件在我的頁面上。而且我不能用自定義元素來完成它，我已經完成了它並且工作，但是需要很長時間來渲染頁面。

<div> 
    <input name="someValue" value="{{$predefinedValue ?? ''}}" type="text" id="id1"> 
    <label for="id1">label</label> 
</div> 

現在我該如何用vue.js實現這一點。 因爲我不能簡單地設置

value="{{liveTag1}}" 

然後我沒有預定義的值。

Answer 1

解決方案

var vm = new Vue({ 
    el: 'body', 

    data: { 
     liveTag1: '' 
    } 
}); 

這將觀察liveTag1，一旦數據改變，它將更新給定選擇器的值。

vm.$watch('liveTag1', function(value) { 
    $('[id^="someid"]').val(value); 
}); 

Answer 2

您正在使用哪個版本的Vue？在當前版本中，你不能這樣做：

value="{{liveTag1}}" 

輸入框的，你需要做的：

v-model="liveTag1" 

然後，如果你想將它設置爲一個預定義的值，在Vue公司的實例：

Vue({ 
    data: { 
     liveTag1: "something" 
    } 
})