链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

项目名:D2Crud-基于Vue.js和ElementUI的表格组件

D2 - Crud是一个基于Vue.js2.2.0+和ElementUI2.0.0+的表格组件,它封装了Element的功能并增加了如增删改查、数据校验、表格内编辑等常用功能,大部分功能可由配置json实现,降低开发难度、减少代码量并简化开发流程。它可通过npm或yarn安装,...

访问官网 →

【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/[email protected]/d2-crud.js。

项目总结

D2-Crud为使用Vue.js和ElementUI进行表格相关开发提供了便捷的组件。如果你对这个项目有任何想法或者建议,欢迎在下方留言参与讨论。

项目地址

GitHub链接直达