d542f7cf23
Former-commit-id: 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly afda7e86d003381e89192eb77b7d910c17f247db [formerly 87ab6577e57c5fb40e7fb05d3625b5267b509085]]]]] Former-commit-id: 8fcc29180fcac3a9cba291a1df22cdc27ec34563 Former-commit-id: cdf9288304e16582aece03599b69ac18b5d89db7 Former-commit-id: 3401e43a9f77898235ff6685c1499eb4e335f9a2 [formerly 7392681409ac9c22b37212bbd6896ffcf25bd049] Former-commit-id: 3c5687734a7cc58299983f9c7bd37cc620b76b37 Former-commit-id: fac2d3c92ede0d208576bc91bd231bd165e3ae9e Former-commit-id: 09915cbb35205822417403a1ca32cf7e20a27db5 Former-commit-id: 013e5d09572467fa21a5ce33e5b2fc6daeb00fff Former-commit-id: da0ec4f303afe242c06eef33069bfdd02334aa62
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了。