17cc1b2157
Former-commit-id: 836d2839d525b50e615596817ec808a23dbd8ba7 [formerly 27b44c859d6072a82c754b6168e937e5aa91546a] [formerly 836d2839d525b50e615596817ec808a23dbd8ba7 [formerly 27b44c859d6072a82c754b6168e937e5aa91546a] [formerly 836d2839d525b50e615596817ec808a23dbd8ba7 [formerly 27b44c859d6072a82c754b6168e937e5aa91546a] [formerly 27b44c859d6072a82c754b6168e937e5aa91546a [formerly 54e0038e9c293936b1fdf2a421fa75261237efad [formerly eb5fd57649939afd76035c6e211fd4c1d1bb2dce]]]]] Former-commit-id: b20f3d25ab17fe522469bfabf3e919d7337ebb8f Former-commit-id: a876d63ac16d096aae1c4cf2a4064ea43f6f26e9 Former-commit-id: 0d4c5993e66c673e6a937a390fd72e370cc17221 [formerly df263634e95e2b6065baa9f30d9aa39736281d28] Former-commit-id: f35b99fab48e39ae9fca721a13770b3e481e6387 Former-commit-id: 0f626b05cb90ea886982c339fa9d685dbfe56072 Former-commit-id: c630cc73adb1304ab5c794b34fe956ec3d3423c7 Former-commit-id: ad5e3451f6cc2356bea046940e4d23c0c59c5c4c Former-commit-id: d580aa126576e63eb072c21e87d1c06e13e074d4
35 lines
859 B
Markdown
35 lines
859 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](./api.md) 和 [表格实例](./example.md)
|