在VueJS中将输入框单向绑定到另一个输入框

Question

VueJS是否有将输入框绑定到另一个输入框的方法，但只有一种方法？

我想在打字时将box1复制到box2。但是当我开始编辑box2时，我不想发生任何事情。 （BOX2还与VueJS绑定到另一个字段）

看来，我的上（点击）处理器现有的jQuery被否决的Vue ...

Answer 1

绑定所述第一框的V模型，然后结合该第二框 “value” 属性的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(); 
    } 
    } 
});