7a035f72d3
Former-commit-id: 099f2fd7f16df41e69cc101fe23c5191a9250bc7 [formerly 099f2fd7f16df41e69cc101fe23c5191a9250bc7 [formerly 099f2fd7f16df41e69cc101fe23c5191a9250bc7 [formerly 099f2fd7f16df41e69cc101fe23c5191a9250bc7 [formerly 3e3d29dacfc2ad9ac952731c2b2b81f1d1baa559 [formerly 21b3469d22ecda4539d654628e8d6fbb822fc111]]]]] Former-commit-id: 58d938ea0c92b535d97dd946e7209325e612b5f4 Former-commit-id: b611e63c01dd14cfe3848670b339010961574113 Former-commit-id: 2dd067ec0136b275bbc5f2d3b60bf9f3a3281479 [formerly 92fd4174967b0ace665921982bce24c533299f84] Former-commit-id: b97be7cae0df0ba6f1fd3b57c471c837d712194a Former-commit-id: a978b3ffe7a85564a07300384ef14279f3cb69bd Former-commit-id: 71820fe22f09e2eea6a91ef581cc924f84a7b7f4 Former-commit-id: 82802d99918813d87c00561a1d4872170b8e7def Former-commit-id: 2aa8465f257fb51f47d05ed16bfa74e99927de4b
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了。