5825e3d4fc
Former-commit-id: b01f6c399e4a5d86fd2f24a15545d72d2766a73c [formerly b01f6c399e4a5d86fd2f24a15545d72d2766a73c [formerly b01f6c399e4a5d86fd2f24a15545d72d2766a73c [formerly b01f6c399e4a5d86fd2f24a15545d72d2766a73c [formerly 477691ac7896f6bb80d243029c1ab7aee979ac5e [formerly 07822238e1daf1decdae198471509c61495c75bc]]]]] Former-commit-id: 1cc3e88a0bd850dccfd0248e51c88f1b949e10ea Former-commit-id: 122c658773f7be384e4b31eaf16d73b527aa12a7 Former-commit-id: 5202295e0255f632f501aaadbce05b9053322788 [formerly 92e7c029f0dd7edea03dd8e300243f663f8fd563] Former-commit-id: 44c65b27ff5d2ea96219776072966e26953b9433 Former-commit-id: 5e3cb75d1e81364ba3528758aba0e79f31ecd954 Former-commit-id: ca9a869426e67d0b261fdb6a214d0b69aabef4b2 Former-commit-id: 26fd1696891fd132197d8e707edc04f20244edcf Former-commit-id: e3bd59296ee13a18ee4aa5ace7e9ed7165626c0c
D2 CRUD
介绍
D2-Crud是一套基于Vue.js 2.2.0+和Element 2.0.0+的表格组件，D2-Crud将 Element 的功能进行了封装，并增加了表格的增删改查、数据校验、表格内编辑等常用的功能。大部分功能可根据配置的json实现，大大简化了开发流程。
功能
- 继承了 Element 中表格所有功能
- 新增表格数据
- 修改表格数据
- 删除表格数据
- 使用 Element 中的组件渲染表格内容和表单内容
- 表单校验
- 表格内编辑
安装
使用npm
npm i element-ui @d2-projects/d2-crud -S
使用yarn
yarn add element-ui @d2-projects/d2-crud
使用
在main.js中写入以下内容：
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import D2Crud from '@d2-projects/d2-crud'
Vue.use(ElementUI)
Vue.use(D2Crud)
new Vue({
el: '#app',
render: h => h(App)
})
之后就可以在项目中使用D2-Crud了。