在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();
    }
  }
});