在同一个el-form中,第一行有3个el-input,第二行有1个el-input
时间: 2023-11-07 10:06:21 浏览: 63
Vue中el-form标签中的自定义el-select下拉框标签功能
可以这样写:
```html
<el-form>
<el-row>
<el-col :span="8">
<el-form-item label="Input 1">
<el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="Input 2">
<el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="Input 3">
<el-input></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="Input 4">
<el-input></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
```
这里使用了 `el-row` 和 `el-col` 来布局表单中的元素。第一行中有 3 列输入框,每列占据 8 格,第二行只有一个输入框,占据整行。
阅读全文