安装时通过npm或yarn添加依赖,确保项目环境已配置Vue.js3.x版本。执行命令npminstallvxe-table@next后,在入口文件引入样式与核心模块,调用app.use(VXETable)完成全局注册。如需按需加载,配合插件如unplugin-vue-components可减少打包体积。基础表格搭建需要定义columns与data两个核心属性。col
"unplugin-icons":"0.18.5", "unplugin-vue-components":"0.26.0", "vite":"5.2.10", "vite-plugin-lazy-import":"^1.0.4", "vite-plugin-progress":"0.0.7", "vite-plugin-svg-icons":"2.0.1", "vite-plugin-vue-devtools":"7.1.2", ...
importComponentsfrom"unplugin-vue-components/vite"import{defineConfig}from"vite"exportdefaultdefineConfig({plugins:[Components({resolvers:[VxetableResolver()],dts:true,}),]}) 3 main.ts // 配置中文import{VXETable}from"vxe-table"importzhCNfrom"vxe-table/es/locale/lang/zh-CN"importXEUtilsfrom"xe...
unplugin-vue-components/resolvers- 自动引入element-plus组件 VueUse - 实用的 Composition API 工具合集 vite-plugin-qiankun - 帮助应用快速接入乾坤的vite插件 vite-plugin-compression - 使用 gzip 或者 brotli 来压缩资源 vite-plugin-style-import - 按需加载vxe-table模块,减少文件体积。 vite-plugin-inspect...
"vxe-table-plugin-shortcut-key": "^4.0.1", "vxe-table-plugin-validator": "^4.0.1", "xe-clipboard": "^1.10.2", "xlsx": "^0.18.5" }, 2 changes: 1 addition & 1 deletion 2 v3/src/App.vue Original file line numberDiff line numberDiff line change @@ -28,7 +28,7 @@ </...
table.ts util.ts ui index.ts styles components table.scss theme base.scss 8 changes: 6 additions & 2 deletions 8 examples/views/table/TableTest3.vue Show comments View file Edit file Delete file This file contains bidirectional Unicode text that may be interpreted or compiled dif...