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

标签 vue.js vuejs2 disabled-input vue-directives

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

最佳答案

可以绑定(bind)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>

关于vue.js - 如何使用vue js 2.0通过单击按钮禁用输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42022663/

相关文章:

javascript - 如何从 Vue.js 中的数组中删除项目

html - 如何禁用在 Polymer 中禁用属性的元素中的子元素?

vue.js - vue根据id从一个json文件中选择一个对象

javascript - 将自定义脚本加载到 Vue.js 组件中

javascript - TradingView 未在 Vue 挂载钩子(Hook)中定义

typescript - 如何使用 Typescript 在 vuejs 中创建功能组件

php - 如何防止用户使用 jQuery 以最大长度输入值

css - 如何删除禁用输入中的字体颜色

javascript - 这在Vue中是未定义的,使用debounce方法

unit-testing - 如何使用 jest 对 Vue.js 组件中的方法进行单元测试