ElemenetPlus 的 Table 组件的二次封装
本插件是基于 ElemenetPlus+Vue3 二次封装的 table 组件
插件地址:https://www.npmjs.com/package/base-table-v3
API 介绍:
| 名称 | 说明 |
|---|---|
| column | 表格项 |
| ref | 拿去内部 el-table 的 ref |
| defaultSlot | el-table 的 default 插槽开启,由于与子集插槽名冲突,需开启才能使用,其余的均可直接使用 |
注意:其余参数,事件,插槽与el-table一致,直接传入即可
1. column
Api 介绍:
| 名称 | 说明 | 使用 |
|---|---|---|
| type | 类型 与 el-table 的 type 参数一致 | |
| align | 默认:’center’ | |
| prop | 1.配置 el-table-item 的 prop, 2.用于区分插槽 | |
| headerSlot | 开启头部插槽,默认:false | 插槽名为 prop-default,参数与 el-table-item 一致,以此类推 |
| defaultSlot | 开启默认插槽,默认:false | 查看上方 |
| filterIconSlot | 开启过滤图标插槽,默认:false | 查看上上方 |
注意:其余参数,事件,插槽与el-table-item一致,直接传入即可
2. 使用
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import BaseTableV3 from 'base-table-v3'
app.use(ElementPlus)
app.use(BaseTableV3)