安装

    npm install qilin-element3x

引用

    import QilinElement from "qilin-element3x";
    import "qilin-element3x/style.css";

举例

    <QilinTable v-model:tableConfig="tableConfig"></QilinTable>

    const tableConfig=reactive({
        elTableConfig:{
            border:true
        },
        headerConfig:[
            {
                label:"姓名",
                prop:"name",
                type:"text"
            },
            {
                label:"手机号",
                prop:"phonenumber",
                type:"text",
                width:120
            },
            {
                label:"操作",
                type:"operate",
                fixed:"right",
                width:280,
                operateOptions:[
                    {
                        btnName:"编辑",
                        btnType:"primary",
                        btnSize:"default",
                        text:true,
                        btnClick:(row,item,scope,optItem)=>{
                            console.log(row,item,scope,optItem);
                        }
                    },
                    {
                        btnName:"删除",
                        btnType:"primary",
                        btnSize:"default",
                        text:true,
                        btnClick:(row,item,scope,optItem)=>{
                            console.log(row,item,scope,optItem);
                        }
                    }
                ]
            }
        ],
        tableData:[
            {
                name:"Qilin",
                phonenumber:"18655536329"
            }
        ],
        paginationsObj:{
            isHide:false, //是否隐藏分页器
            currentPage:1, //当前页
            pageSize:10, //当前每页数量
            pageSizes:[10,20,30], //每页显示多少条选项集
            total:0, //表格总数量
            layout:"total,sizes,prev,pager,next,jumper"
        }
    });

• 更多API使用方法请访问Qilin个人博客