ThFilter布局组件

2021/11/4 vue

# ThFilter布局组件

此组件为一个布局容器,flex布局两端对齐的形式,直接用css写也可以达到一样的样式效果,考虑是否移除此组件?

# 依赖说明

无需

# 基本使用

<th-filter>
  <template #left>
    <el-button type="primary" icon="el-icon-plus" @click="drawerEdit()">新增</el-button>
  </template>
  <template #right>
    <el-input v-model="queryParam.materialName" style="width: 200px;" class="mr10" placeholder="广告名称搜索" @keyup.enter.native="loadData(1)" />
    <el-button class="ml10" type="primary" @click="searchQuery()">查询</el-button>
    <el-button @click="searchReset()">重置</el-button>
    <th-column-select :print-data="dataSource" :col-data="colData" />
  </template>
</th-filter>

# 效果演示

ThFilter

# Api

参数 说明 类型 默认值 可选值
left 左边内容的插槽 slot -- --
right 右边内容的插槽 slot-- --