记element-ui 表头from布局
2020-12-07 本文已影响0人
橙小光


<el-form :inline="true" :model="search">
<el-form-item label="公告内容">
<el-input v-model="search.param1" placeholder clearable></el-input>
</el-form-item>
<el-form-item label="公告内容">
<el-input v-model="search.param1" placeholder clearable></el-input>
</el-form-item>
<el-form-item label="公告内容">
<el-input v-model="search.param1" placeholder clearable></el-input>
</el-form-item>
<el-form-item style="float:right">
<el-button type="primary" icon="el-icon-search" @click="getTable()">查询</el-button>
<el-button type="success" icon="el-icon-plus" @click="dialogVisible2 = true">添加</el-button>
<el-button type="success" icon="el-icon-plus" @click="dialogVisible2 = true">添加</el-button>
<el-button type="success" icon="el-icon-plus" @click="dialogVisible2 = true">添加</el-button>
<el-button type="success" icon="el-icon-plus" @click="dialogVisible2 = true">添加</el-button>
</el-form-item>
</el-form>
1.操作按钮都放在同一个 <el-form-item> 中
2.在前面表单过多的情况(超过3个) 在操作栏加上 style="float:right"