可以单独对el-form-item设置label-width吗
时间: 2023-08-07 22:05:19 浏览: 1735
是的,你可以单独为 `el-form-item` 设置 `label-width` 属性,以覆盖全局的 `label-width` 设置。
例如,以下代码将创建一个 `el-form` 组件,其中包含两个表单项,每个表单项占据一个 `el-col`,并且第一个表单项的标签宽度为 `80px`,而第二个表单项的标签宽度为 `120px`:
```
<template>
<el-form label-width="80px">
<el-row>
<el-col :span="12">
<el-form-item label="姓名" label-width="80px">
<el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="年龄" label-width="120px">
<el-input></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
```
在这个例子中,我们为第一个表单项的 `el-form-item` 设置了 `label-width="80px"`,而为第二个表单项的 `el-form-item` 设置了 `label-width="120px"`。这将覆盖全局的 `label-width` 设置,使每个表单项的标签宽度可以单独设置。
阅读全文