vue.js - 如何通过使用vue js 2.0单击按钮来禁用输入框

Question

如何通过单击按钮并使用 vuejs 2.0 切换来禁用输入框

Answer 1

你可以绑定disabled，看一个例子：

new Vue({

  el: '#app',
  data: {
    isDisabled: false
  }

})

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">

  <input type="text" :disabled="isDisabled">
  <button @click="isDisabled = !isDisabled">Click</button>

</div>