d9cb31eb98
Former-commit-id: 683f264fa376ee3b34ba74a68a0620a38cf9ee06 [formerly 0aeb04b6927b6c7c115e8863e5adee72d0206876] [formerly 683f264fa376ee3b34ba74a68a0620a38cf9ee06 [formerly 0aeb04b6927b6c7c115e8863e5adee72d0206876] [formerly 683f264fa376ee3b34ba74a68a0620a38cf9ee06 [formerly 0aeb04b6927b6c7c115e8863e5adee72d0206876] [formerly 0aeb04b6927b6c7c115e8863e5adee72d0206876 [formerly 33bfc3cac1e556d1504786849fef9b98bc0a96b6 [formerly 62c564466c0ec6697988ec2f7acfef4e41f96b97]]]]] Former-commit-id: 9116106f10c5bf73663e39e047ca9229307270b3 Former-commit-id: 36d47b96ff92a07f18827daeb1c9a1c1039c760a Former-commit-id: ec26069a13f6207bc523cb94ac966048db2462bd [formerly 11a080148056553025a32528de4949dcdeb8d2a3] Former-commit-id: 22557a8ad0a29f0cb274e017b1850f00d57320ba Former-commit-id: e1460fe83483f046420770d660cc229638cd93b4 Former-commit-id: ced50fcee5d3601181d66758e38abcbd158a7c1c Former-commit-id: e4e0dee70597bef87b652c5c2658625ece9e1362 Former-commit-id: d7e62ca343273fa20dd3ceb53bfb39ec72073261
35 lines
835 B
Markdown
35 lines
835 B
Markdown
# D2 CRUD
|
||
|
||
## 介绍
|
||
`D2-Crud`是一套基于[Vue.js 2.2.0+](https://cn.vuejs.org/)和[Element 2.0.0+](http://element-cn.eleme.io/#/zh-CN)的表格组件，可根据配置的json文件自动生成表格，并实现了表格内的增删改查、新增和修改数据校验、表格内编辑等功能。
|
||
|
||
## 安装
|
||
使用npm
|
||
``` bash
|
||
npm i element-ui @d2-projects/d2-crud -S
|
||
```
|
||
|
||
使用yarn
|
||
``` bash
|
||
yarn add element-ui @d2-projects/d2-crud
|
||
```
|
||
|
||
## 使用
|
||
在`main.js`中写入以下内容：
|
||
``` 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`了，具体使用方法请参考 [使用指南](./api.md)
|