记element-ui 表头from布局

表头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"

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容