在同一个el-form中,第一行有3个el-input,第二行有1个el-input
时间: 2023-11-07 22:06:21 浏览: 66
el-table,el-form在vue中封装组件化,含操作按钮和插槽.pdf
5星 · 资源好评率100%
可以这样写:
```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 格,第二行只有一个输入框,占据整行。
阅读全文