记element-ui 表头from布局

2020-12-07  本文已影响0人  橙小光
表头from
表头from
<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"

上一篇 下一篇

猜你喜欢

热点阅读