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>
# 效果演示
# Api
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| left | 左边内容的插槽 | slot | -- | -- |
| right | 右边内容的插槽 | slot-- | -- |