<el-form-item :style='{"width":"100%","margin":"0 0 20px 0","display":"inline-block"}' class="input" v-if="type!='info'" label="密码" prop="mima"> <el-input v-model="ruleForm.mima" placeholder="密码" clearable :readonly="ro.mima"></el-input> </el-form-item> <el-form-item :style='{"width":"100%","margin":"0 0 20px 0","display":"inline-block"}' v-else class="input" label="密码" prop="mima"> <el-input v-model="ruleForm.mima" placeholder="密码" readonly></el-input>
时间: 2023-07-02 07:08:59 浏览: 305
ElementUI中el-tree节点的操作的实现
这段代码是使用 Element UI 组件库中的表单组件,包括 el-form 和 el-form-item。如果 type 不等于 'info',则展示一个可编辑的 el-input 组件用于输入密码,否则展示一个只读的 el-input 组件用于展示密码。其中,v-model 用于双向绑定数据,prop 用于校验规则。样式部分使用了 inline-block 布局,并且设置了宽度、边距等样式属性。
阅读全文