elementui 根据条件动态绑定 input disabled 的值，实现输入框根据固定条件改变是否可以输入的状态

有时在表单里可能某些输入框需要根据另外一个输入框的值而改变显示的状态，时而可输入时而不可输入，可以利用vue 的双向数据绑定的特点，监听输入框的值，如果输入框的值为某个固定值，则为可输入，否则为不可输入

下面的例子是通过消防机构是否为二级，如果为二级则禁用行政代码输入框，否则行政代码输入框可正常输入

posted @   小斌同学  阅读(1605)  评论(0)  编辑  收藏  举报
相关博文：
·  【VUE】Cannot read properties of undefined (reading ‘_wrapper‘)
·  vue父组件给子组件传递的参数发生改变时,子组件不能及时更新的问题
·  vue + elementui，表单输入框不能输入数据
·  [转] Vue限制输入 - Input 用 @input="input($event)" 然后 input(ev) 过滤 ev.target.value 最后再同步本组件及emit父组件
·  input框设置禁用状态
阅读排行：
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码：从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
历史上的今天：
2020-12-09 CSS书写位置
2020-12-09 CSS 简介及书写规则---行内样式
点击右上角即可分享
微信分享提示
AI IDE Trae