Question

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

我想在输入时将box1的副本复制到box2。但是当我开始编辑box2时，我希望什么都不会发生。（Box2也与VueJS绑定到另一个字段）

似乎我的现有jQuery on（click）处理程序被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();
    }
  }
});

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

2 个答案: