问题
当业务场景为查看权限或者登录人为market 的时候,我使用了disabled禁止修改这个数据
但当我实际测试的时候呢,
发现虽然有禁用标志而且输入框确实不能输入,但是日期组件还是能够使用并且成功修改数据
(图片数据因为涉及到公司行业,所以就自己先换了个字段名,并且用手机拍的能够显示那个禁用按钮,有点模糊见谅)
解决过程
第一时间想到的是当 this.node==‘market’||this.node==‘view’ 时 显示出来的只有文本框,这样子禁用掉的话也不会有时间组件,但是当我实际修改的时候,会出现时间组件一直在文本框旁边转。
然后我查看了下公司代码并测试了一下其他的这种情况时时间组件的情况,发现有不少业务场景都会出现这种禁用了却还是能通过时间组件修改的情况。
当我继续翻找代码时,我发现了一个属性
readonly !!
字面意识:只读!
然后测试发现在有这属性的时候日期组件也会被禁用不可选!
于是
解决
在属性中加上 :readonly 属性 ,并且设置属性值为 true 就行了(如果只用readonly 没有冒号的话直接将readonly 放入就行,我是遵循公司标准来着)
解决!顺便把本来会有这种 bug 的地方全部都加上了 readonly