美文网首页
记element-ui 表头from布局

记element-ui 表头from布局

作者: 橙小光 | 来源:发表于2020-12-07 17:42 被阅读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"

相关文章

网友评论

      本文标题:记element-ui 表头from布局

      本文链接:https://www.haomeiwen.com/subject/hcutgktx.html