Element Plus 如何使用API禁用el-form?

效果是按下一个按钮,禁用这个表单。
(难道要遍历表单组件,一个个改className吗)

el-form标签里面添加:disabled=“loginFormDisabled”,disabled前面那个冒号不能少喔,在js return data 那里声明loginFormDisabled:false,再需要禁用的时this.loginFormDisabled = true;否则等于false。提交按钮也可以加一个:loading=”loginFormDisabled”,按钮就会有一个加载中的禁用样式,可以避免重复操作提交

给 el-form 设置了 disabled,要给其中的一个 el-form-item 取消禁用,嵌入一个子 form 就行了。


<el-form label-width="100px" :model="form" :disabled="true">
    <el-form-item label="禁用:">
      <el-button @click="doSomething()" size="mini">禁用 </el-button>
    </el-form-item>
    
    <el-form label-width="100px" :model="form">
      <el-form-item label="不禁用:">
        <el-button @click="doSomething()" size="mini">不禁用 </el-button>
      </el-form-item>
    </el-form>
    
</el-form>