afeeca7247
Former-commit-id: de858da799b11ddb64f8f1c70a927abf3ffe541a [formerly de858da799b11ddb64f8f1c70a927abf3ffe541a [formerly de858da799b11ddb64f8f1c70a927abf3ffe541a [formerly de858da799b11ddb64f8f1c70a927abf3ffe541a [formerly dc719910e44385130a5d15d61010d4567ac69e4d [formerly e3008d8f05e5255a733d12ed45270824b112ffb2]]]]] Former-commit-id: 8fd75dfb370c84815e9e20e4bea39730a5b7ef63 Former-commit-id: a70d95d941b30cb2dd2111e09e2dfba4352667fd Former-commit-id: d460cd4cfbe159a6dc21779a9c3df2ba3f74e806 [formerly cd9ca40d9b4ff3f146364e69dfe8c7d4104e6dea] Former-commit-id: 990c9ad6ad73bb009004e47b0640dd5a49d908eb Former-commit-id: 9af35feccd694c5eeaed4029477548504981afc8 Former-commit-id: 4c84831bbf31546a1468f5bcf377c1062370c1cc Former-commit-id: 0fb1ef7e88759452800461cde28b25d7c1155570 Former-commit-id: f26e220278c0a9d4e939b343200d70ed75d17758
35 lines
833 B
Markdown
35 lines
833 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`了。具体使用方法请参考 [示例](./example.md)
|