Vue动态控制disabled属性
在Vue中disabled:的值是受布尔值影响的，false为关闭禁用，true为开启禁用效果。通过某个input中值是否为空或者某个id是否为空来控制当前的表单元素是否禁用
·
在Vue中disabled:的值是受布尔值影响的，false为关闭禁用，true为开启禁用效果。
结果就是true会让按钮禁用
相反false会让按钮重新可以使用
那如果想要通过id属性值来判断是否禁用应该如何处理？
例如：当id有数据的时候，我们关闭禁用功能（false），正常点击。
由于disabled受布尔值的影响，先了解一下空串取反是什么，非空串取反是什么
发现，如果id没有数据即为空串，空串取反是（true）即为开启禁用，当id中有数据，取反即为false关闭禁用实现正常点击效果，以此达到目的，input框的禁用效果也可依照此例子处理。
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
6
0- 0
已为社区贡献1条内容
所有评论(0)