将一个字段的值链接到另一字段

Question

我是Vue.js的新手，并且如果输入A发生更改，我希望能够更改输入B的值，但是如果输入B发生更改，我希望输入A保持原样。我怎样才能做到这一点？这是一个示例代码（不起作用）：

<input type="number" class="form-control" id="pages" aria-describedby="pagesHelp" placeholder="pages" v-model="pages">
<input type="number" v-model="bwpages" class="form-control totalPages" placeholder="black and white pages" value="{{ pages }}">

如果我更改字段pages，我也想对bwpages进行更改，但是如果我更改bwpages，我不希望pages更改< / p>

Answer 1

您应该改为使用观察者。<input type="number" class="form-control" id="pages" aria-describedby="pagesHelp" placeholder="pages" v-model="pages"> <input type="number" v-model="bwpages" class="form-control totalPages" id="bwbpages" placeholder="black and white pages">

删除值绑定。并观察a的变化并更新b。但是当b改变时什么也不做。

watch: {
 pages(newval, oldval) {
   this.bwpages = newval
 }
}