Vue 3 + TypeScript + Vite + element-plus
xc-table-v3是针对elementPlus表格做的二次封装 在el-table所有属性基础上增加了便捷属性 通过配置json的方式快速完成表格展示
使用
项目中使用 yarn add xc-table-v3 安装插件 main.ts中导入css import XcTableV3 from 'xc-table-v3' import 'xc-table-v3/lib/style.css'; const app = createApp(App) app.use(XcTableV3)
/examples/App.vue 示例
在单个页面按需引入组件
import { XcTableV3 } from 'xc-table-v3';
接收属性
[ { type: 'selection' }, { prop: 'type', label: '报表ID', }, { prop: 'reportDepartment', label: '填报部门', tooltip: true, }, { prop: 'reportPerson', label: '填报人', }, { prop: 'responsibilityPerson', label: '责任人', }, { prop: 'reportDate', label: '填报时间', formatDate: "yyyy-MM-dd HH:mm" }, { label: '操作', slot: 'operation' }, ]
使用
<template #operation="{ scope }"> 操作