效果是按下一个按钮,禁用这个表单。
(难道要遍历表单组件,一个个改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>