el-form设置全局disabled属性之后，子组件怎么设置disabled属性?-灵析社区
Fronttendel-form设置全局disabled属性之后，子组件怎么设置disabled属性? 因为el-form设置了全局了disabled属性属性，活动形式项设置的:disabled="false"设置失效了，有什么方法可以使得子项设置的:disabled="false"生效？ 尝试了在el-form-item外面包裹一层el-from,虽然设置的:disabled="false"属性可以生效了，但是由于又包裹了一层el-from。校验会出问题
练习代码二十年注意看文档中的解释：
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/ba8cb1f1ac70c6f23ab7e72da32d1147.png)
所以就是一个一个给表单内组件做 "disabled"，而不是给整个 "form" 表单做 "disabled"。
因为组件内部是这样做的处理 👇
// el-input
export default {
name: 'ElInput',
//...
computed: {
//...
inputDisabled() {
return this.disabled || (this.elForm || {}).disabled;
},
}
}
"element/packages/input/src/input.vue at dev ·
ElemeFE/element" (https://link.segmentfault.com/?enc=ypjJL2K8vkjcF3c%2B6FxQLQ%3D%3D.0kHn9CdSGeCdUqAYhJ7W%2BwESXD9H9gGN5Y0m2O2RL1vkaxrQB%2FLJv2JTAN5aBlPqW1NM1MtT4v%2B9VvlFjazp9N8ukyfzhlKFlMPlbu%2BufFs%3D)
所以即使组件的 ":disabled="false"" 而 "form" 表单设置了
":disalbed="true""，按照或("||")的判断逻辑组件依旧会被禁用。