el-form分列对齐
时间: 2023-11-19 12:50:56 浏览: 175
Vue中el-form标签中的自定义el-select下拉框标签功能
可以使用 el-row 和 el-col 来实现 el-form 的分列对齐。具体做法是将每个表单项放在一个 el-col 中,然后将所有的 el-col 放在同一个 el-row 中,通过设置 el-col 的 span 属性来控制每个表单项所占的列数。
例如,以下代码将两个表单项分别放在两个 el-col 中,并设置它们的 span 属性为 12,表示每个表单项占据一行的 12 列:
```
<el-row>
<el-col :span="12">
<el-form-item label="姓名">
<el-input v-model="name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="年龄">
<el-input v-model="age"></el-input>
</el-form-item>
</el-col>
</el-row>
```
阅读全文