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

Question

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>

当前 Change Number 按钮被禁用。单击 Continue 按钮时如何启用 Change Number 按钮？

Answer 1

什么是generateCode？如果它有一些逻辑，只需为其切换一些 bool 值，例如:

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

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