javascript - 在VueJS中将输入框单向绑定(bind)

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

我想在输入时将box1复制到box2。但是，当我开始编辑box2时，我什么也不想发生。 （Box2还使用VueJS绑定到另一个字段）

似乎我现有的jQuery on（click）处理程序已被Vue否决...

最佳答案

将第一个框绑定到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: ''
        }
    })