elem-components

ele-components

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

安装

npm install ele-components 或 yarn add ele-components

使用

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

Vue.use(ElemComponets);

说明

组件以 element-ui 为基础进行二次开发，旨在封装出常用代码复杂的组件，减轻开发成本，能多处复用。

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
    }"
/>

columns 控制 table 列 tableData 可兼容 el-table 所有属性 tableEvents 可兼容 el-table 所有函数方法 pagination 可兼容 el-pagination 所有属性 paginationEvents 可兼容 el-pagination 所有函数方法