Javascript 如何在VueJS中单击按钮B时启用按钮A？

Abc.vue

     <v-flex xs12 sm6>
            <v-btn class="changeNumberBtn" disabled @click="changeNumber()">Change Number</v-btn>
          </v-flex>

<v-btn round block color="blue darken-3" dark large @click="generateCode">Continue</v-btn>

换号码
继续

---

当前，

更改编号

按钮已禁用。当我单击“继续”按钮时，如何启用“更改编号”按钮？

您可以有条件地禁用/启用按钮，如下所示

var-app=新的Vue({
el:“#应用程序”，
数据：{
残疾人:对,，
},
});

换号码
继续
在数据中保留一个属性，比如说
numberDisabled
。将其初始化为
true
，然后单击“继续”，将其值更改为false，并在“更改编号”按钮中将禁用值设置为此变量

<v-flex xs12 sm6>
    <v-btn class="changeNumberBtn" :disabled="numberDisabled" @click="changeNumber()">Change Number</v-btn>
</v-flex>

<v-btn round block color="blue darken-3" dark large @click="numberDisabled=false;">Continue</v-btn>


换号码
继续

为了说明这一点，我正在更改
@单击
上的变量，尽管您可以将其移动到
generateCode
方法中。
什么是
generateCode
？如果它有一些逻辑，只需切换一些布尔值，如：

generateCode() {
  this.toggleButton = true
  //rest of your logic
}

<v-btn class="changeNumberBtn" :disabled="toggleButton" @click="changeNumber()">Change Number</v-btn>

generateCode（）{
this.toggleButton=true
//你剩下的逻辑
}
换号码