【Github】项目名:D2Crud-基于Vue.js和ElementUI的表格组件
项目简介
D2-Crud是一套基于Vue.js2.2.0+和ElementUI2.0.0+的表格组件。它将Element的功能进行封装,增加了如表格的增删改查、数据校验、表格内编辑等常用功能。大部分功能可由配置json实现,在扩展Element表格组件功能的同时,降低开发难度、减少代码量并简化开发流程。
安装与使用
可以使用npm或yarn进行安装。使用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)
})
也可使用CDN,externals:D2Crud https://cdn.d2.pub/packages/@d2-projects/d2-crud@2.0.5/d2-crud.js。
项目总结
D2-Crud为使用Vue.js和ElementUI进行表格相关开发提供了便捷的组件。如果你对这个项目有任何想法或者建议,欢迎在下方留言参与讨论。