Vue动态控制disabled属性

在Vue中disabled:的值是受布尔值影响的，false为关闭禁用，true为开启禁用效果。

 

 结果就是true会让按钮禁用

---

相反false会让按钮重新可以使用

那如果想要通过id属性值来判断是否禁用应该如何处理？

例如：当id有数据的时候，我们关闭禁用功能（false），正常点击。

由于disabled受布尔值的影响，先了解一下空串取反是什么，非空串取反是什么

 发现，如果id没有数据即为空串，空串取反是（true）即为开启禁用，当id中有数据，取反即为false关闭禁用实现正常点击效果，以此达到目的，input框的禁用效果也可依照此例子处理。