el-form设置全局disabled属性之后,子组件怎么设置disabled属性?-灵析社区

练习代码二十年

注意看文档中的解释: ![图片.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"`,按照**或(`||`)的判断逻辑**组件依旧会被禁用。

阅读量:1

点赞量:0

问AI