ElemenetPlus 的 Table 组件的二次封装


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)

文章作者: 冷杨威
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 冷杨威 !
  目录
-->