19ca263dcf
Former-commit-id: 53c37f0fddb19a3e3bc37cc9fb00d3639500f054 [formerly 53c37f0fddb19a3e3bc37cc9fb00d3639500f054 [formerly 53c37f0fddb19a3e3bc37cc9fb00d3639500f054 [formerly 53c37f0fddb19a3e3bc37cc9fb00d3639500f054 [formerly a8f748d90bfe79845bdfead092c2d905d2660602 [formerly 0507e745d45a3fcc75ce56178bff005f9934bc5d]]]]] Former-commit-id: ca5e414d13b7ff9955084ca03b88e6c5a753b1de Former-commit-id: 73f6153d841520560bce4e40a03b2cdb47140c76 Former-commit-id: 78d7c0494ad44bc90906cd7bb5deab4db31a8768 [formerly 4cc6ef520f685b437aeb2193adfe0a101bb7db32] Former-commit-id: 706e82b2851d2fdb5f8ef04ffa9f9b3a6ebb5299 Former-commit-id: 5970e6735853fdffbd8eb168fc957f23c309b592 Former-commit-id: 108a3baa0132ddd19439f57eb985c888b37bd2c7 Former-commit-id: a066c8cd8ba1c8fa3d6899688726fe6502ef393a Former-commit-id: 12e0df1b13b9a6013b785d1e1e99dd13964aa368
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了。