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

Question

Abcvue

     <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按钮被禁用。Change Number单击按钮时如何启用Continue按钮？

标签： javascriptvue.js

Answer 1

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

var app = new Vue({
  el: '#app',

  data: {
    disabled: true,
  },
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <button  id="name" class="form-control" :disabled="disabled">Change Number</button>
  <button @click="disabled = !disabled">Continue</button>
</div>