在VueJS中將輸入框單向綁定

Question

VueJS中是否有一種將輸入框綁定到另一個輸入框的方法，但是只有一種方法？

我想在輸入時將box1復制到box2。 但是，當我開始編輯box2時，我什么也不想發生。 （Box2還使用VueJS綁定到另一個字段）

似乎我現有的jQuery on（click）處理程序已被Vue否決...

Answer 1

將第一個框綁定到v模型，然后將第二個框的“值”屬性綁定到box1的模型。 您可以給box2自己的模型，它也應該工作。

<div id="app">
    <input type="text" v-model="box1">
    <input type="text" v-model="box2" :value="box1">
</div>

 vm = new Vue({ el: '#app', data: { box1: '', box2: '' } }) 

Answer 2

明白了：）只需為此功能添加一個方法。

<input v-model="productName" v-on:keyup="updateSKU" type="text">

---

new Vue({
  el: '#app',
  data : {
    productName : '',
    productSku : ''
  },
  methods : {
    updateSKU : function() {
      this.productSku = this.productName.toUpperCase();
    }
  }
});