白衣蓝剑冰魄

关注

在vue项目里,Element-Ui中el-form 实现一行两个表单效果

白衣蓝剑冰魄

关注

阅读 89

2022-03-11

1.首先使用elementUi中的Layout 24分栏进行布局,将整个form表单放入24分栏里

如图所示:

2.再将需要同行显示的表单放入el-row中的el-col中去

3.然后再根据你的需求控制一下表单大小就ok啦 

全部代码:

效果图如下:

 

相关推荐

fbd4ffd0717b

Element UI (el-form表单)

fbd4ffd0717b 42 0 0

Android开发指南

el-form表单项文字居右一行显示两个表单项

Android开发指南 43 0 0

曾宝月

[element-ui] el-form提交时校验循环出来的多个form表单

曾宝月 94 0 0

幸甚至哉歌以咏志

element-ui中的el-form表单验证,只在提交按钮点击时才进行验证

幸甚至哉歌以咏志 56 0 0

吓死我了_1799

el-form里面表单遍历渲染,里面放el-row,一行放3个表单怎么实现

吓死我了_1799 9 0 0

cnlinkchina

关于Element-UI中el-form的resetFields()的小坑点

cnlinkchina 73 0 0

zhyuzh3d

实现element-ui中 table 点击一行展开

zhyuzh3d 153 0 0

西风白羽

[element-ui] 循环表单 el-form-item 添加验证

西风白羽 67 0 0

洛茄

element ui表单el-form的label自适应宽度并左对齐

洛茄 193 0 0

唯米天空

Vue + Element-UI —— 项目实战(一)

唯米天空 92 0 0

精彩评论(0)

0 0 举报