elem-components v1.0.2

ele-components

基于element 二次封装的功能组件

安装

npm install ele-components@next 或 yarn add ele-components@next

使用

import ElemComponets from "elem-components"; // 如果引入了全局的element 样式可不需要 import "elem-components/lib/elem.components.css";

app.use(ElemComponets);

说明

组件是基于 vue3 的升级版本，考虑到已经有使用到 vue3 的需求添加的。 组件以 element-plus 为基础进行二次开发，旨在封装出常用代码复杂的组件，减轻开发成本，能多处复用。

table

<sl-table
    :columns="columns"
    :tableData="{
        data: tableData,
    }"
    :tableEvents="{
        select: handleSelectionChange,
    }"
    :pagination="{
        background: true,
        pageSize: 10,
        total: 0,
        currentPage: 1,
        layout: "prev, pager, next, jumper, total",
        pageSizes: [10, 20, 30, 40, 50, 100],
    }"
    :paginationEvents="{
        currentChange: handleCurrentPageChange,
        sizeChangeL: handleSizeChange
    }"
/>