Question

我连接了changePrice.c1的v-model的第二个输入框

需要将roundFee显示为5000 $ 但第二个输入框可以获得新的输入数字。

在这种情况下，我需要使用哪种方法？计算的？ @更改？你能告诉我整个答案吗？谢谢有人帮助我。

脚本

data() {
    return {
         roundFee : 5000,
         changedPrice: {
             c1: 0,
             c2: 0,
         }
     }
 }

vue.js

 <input type="text" class="form-control" disabled v-model="roundFee"> $
 <input type="text" class="form-control" v-model="changedPrice.c1"> $

Answer 1

您可以按如下方式使用computed setter：

data() {
    return {
         roundFee : 5000,
         changedPrice: {
             c1: 0,
             c2: 0,
         }
     },
     computed: {
         secondInput: {
             get() {
                 return this.roundFee;
             },
             set(newValue) {
                 this.changedPrice.c1 = newValue;
             }
         }
     }
 }

然后将此计算属性secondInput绑定到您的输入

<input type="text" class="form-control" disabled v-model="roundFee"> $ 
<input type="text" class="form-control" v-model="secondInput"> $

vue.js连接v-model值，但它可以更改为其他值。

1 个答案: