vxe-table简单使用 vue vxe-table vue整合vxe-table vue2 vxe-table 简单使用

• 安装vxe-table
• 引用
• 使用

  安装vxe-table

  vue2稳定版本

  

  vue3稳定版本

  

  npm install xe-utils vxe-table@legacy
  

  安装 vxe-table 依赖的插件

  

  npm i xe-utils
  

  引用

  我这边是全局引入，可以根据自己情况按需引入

  main.js

        import Vue from 'vue'
        import VXETable from 'vxe-table'
        import 'vxe-table/lib/style.css'
        Vue.use(VXETable)
        // 给 vue 实例挂载内部对象，例如：
        // Vue.prototype.$XModal = VXETable.modal
        // Vue.prototype.$XPrint = VXETable.print
        // Vue.prototype.$XSaveFile = VXETable.saveFile
        // Vue.prototype.$XReadFile = VXETable.readFile
  

  使用

  我这边使用的 demo 用到了 虚拟滚动,列筛选，自定义列内容 ，可直接全复制