記element-ui 表頭from布局

表頭from

表頭from
<el-form :inline="true" :model="search">
      <el-form-item label="公告內(nèi)容">
        <el-input v-model="search.param1" placeholder clearable></el-input>
      </el-form-item>
      <el-form-item label="公告內(nèi)容">
        <el-input v-model="search.param1" placeholder clearable></el-input>
      </el-form-item>
      <el-form-item label="公告內(nèi)容">
        <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"

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容