el-form-item并列
时间: 2023-09-10 14:10:24 浏览: 776
Vue中el-form标签中的自定义el-select下拉框标签功能
要在el-form-item中实现并列,你可以使用el-row和el-col来布局。首先,在el-form中使用el-row来创建一个行容器,然后在这个行容器中使用多个el-col来创建并列的el-form-item。
例如,你可以这样写:
<el-form>
<el-row>
<el-col :span="12">
<el-form-item label="项1">
<!-- 这里放置项1的内容 -->
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项2">
<!-- 这里放置项2的内容 -->
</el-form-item>
</el-col>
</el-row>
</el-form>
在上面的例子中,el-row创建了一个行容器,el-col创建了两个并列的el-form-item,每个el-col占据行容器的一半宽度,所以它们会并排显示。
你可以根据自己的需要来调整el-col的span属性来控制每个el-form-item的宽度比例。例如,如果你希望两个el-form-item的宽度比例为1:2,你可以将第一个el-col的span属性设置为8,第二个el-col的span属性设置为16。
希望这个解答对你有帮助!
阅读全文