解决element-ui表单禁用状态时,其表单中包含的组件或其他元素不被禁用

解决element-ui表单禁用状态时,其表单中包含的组件或其他元素不被禁用

(1)例子
<el-form
  ref="Form"
  v-loading="form_loading"
  :model="model"
  label-position="right"
  label-width="110px"
  size="small"
  :disabled="form_disabled"
  :rules="rules"
>
    <el-form-item prop="name" label="名字">
        <el-input v-model="model.name" disabled clearable />
    </el-form-item>
    <el-form-item>
        <zujian /> <!-- 自定义组件 -->
    </el-form-item>
</el-form>
(2)zujian.vue(要使自定义组件其外层表单的影响。可以在组件内部加上新的el-form解决)
<el-form :disabled="false">
    <!-- 自定义组件的代码 -->
</el-form>

猜你喜欢

转载自blog.csdn.net/qq_45616003/article/details/126832877