# pageTp (表格组件)
# 介绍
当前组件版本:v2
vue版本:vue2:2.6.12
vxetable版本:3.5.9
xe-utils版本:3.3.0
pageTp基于 vxetable (opens new window)库进行二次封装。通过快速定义类型与传递参数属性与方法名称,快速生成对应所需得表格页面。
# 目录
# 起步
开发者需要vue2 (opens new window)的开发基础
# 引用
目前采用了文件的方式,并没有采用私有npm的方式放置组件,下面开始告知怎么引用组件。
项目结构:
.
├─ src
│ └─ components
│ └─ page
│ └─ v2.0
│ └─ index
# 替换方法:
把components->文件下面的page文件夹
进行拿去放置到所需项目,然后进行下一步引用
import Vue from "vue";
import PageTp from "@/components/page/v2.0/index.vue";
Vue.component("PageTp", PageTp); // 分页
注意
这里PageTp引用的地址根据项目的实际项目的地址来,导入的@或者其他符合地址,请去理解Vue CLI
的内部配置,然后进行配置Webpack
典型表格 →