How to disable an input box by clicking a button using vue js 2.0

Question

How can I disable an input box via clicking a button and toggling it using vuejs 2.0

Answer 1

You can bind disabled, see an example:

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>