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

Question

如何通过单击按钮并使用vuejs 2.0

切换来禁用输入框

Answer 1

您可以绑定disabled，请参阅示例：

＆＃13;

＆＃13;

new Vue({

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

})

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;