[发明专利]基于Vue+Element-UI的el-table的二次封装方法、系统及电子设备在审
申请号: | 202011048657.7 | 申请日: | 2020-09-29 |
公开(公告)号: | CN112346713A | 公开(公告)日: | 2021-02-09 |
发明(设计)人: | 纪旭宇;郭宁;孙猛猛 | 申请(专利权)人: | 上海微亿智造科技有限公司;常州微亿智造科技有限公司 |
主分类号: | G06F8/20 | 分类号: | G06F8/20;G06F8/34;G06F8/38 |
代理公司: | 上海塔科专利代理事务所(普通合伙) 31380 | 代理人: | 耿恩华 |
地址: | 201100 上海*** | 国省代码: | 上海;31 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 基于 vue element ui el table 二次 封装 方法 系统 电子设备 | ||
1.一种基于Vue+Element-UI的el-table的二次封装方法,其特征在于,包括:
在本地项目开发环境中安装node开发平台、webpack静态模块打包器以及vue-cli,以用于构建本地项目;
在所述本地项目中下载Element-UI库,并在本地项目中引入Element-UI库;
在所述本地项目的main.js文件中引入并注册组件信息;
在所述本地项目中引入gird.js组件;
在需要展示表格操作的内容中调用所述gird.js组件。
2.根据权利要求1所述的一种基于Vue+Element-UI的el-table的二次封装方法,其特征在于:所述本地项目的main.js文件用于实例化Vue,引入所述本地项目中需要的插件和CSS样式,以及存储全局变量。
3.根据权利要求1所述的一种基于Vue+Element-UI的el-table的二次封装方法,其特征在于:通过业务模块页面在需要展示表格操作的内容中调用所述gird.js组件。
4.根据权利要求3所述的一种基于Vue+Element-UI的el-table的二次封装方法,其特征在于:所述表格操作的内容的载体包括gird.js组件动态渲染到网页上。
5.根据权利要求1所述的一种基于Vue+Element-UI的el-table的二次封装方法,其特征在于:所述本地项目包括根据实际业务开发的具体的前端项目。
6.根据权利要求1所述的一种基于Vue+Element-UI的el-table的二次封装方法,其特征在于:所述本地项目的main.js文件为所述本地项目的项目名称的主入口文件。
7.根据权利要求1所述的一种基于Vue+Element-UI的el-table的二次封装方法,其特征在于:所述组件信息包括Vue组件、Axios组件、ElementUI组件。
8.一种基于Vue+Element-UI的el-table的二次封装系统,其特征在于,包括:
本地项目构建模块,用于在本地项目开发环境中安装node开发平台、webpack静态模块打包器以及vue-cli,以用于构建本地项目;
Element-UI库下载模块,用于在所述本地项目中下载Element-UI库,并在本地项目中引入Element-UI库;
组件信息注册模块,用于在所述本地项目的main.js文件中引入并注册组件信息;
gird.js组件引入模块,用于在所述本地项目中引入gird.js组件;
gird.js组件调用模块,用于在需要展示表格操作的内容中调用所述gird.js组件。
9.一种电子设备,包括处理器和存储器,所述存储器存储有程序指令,其特征在于:所述处理器运行程序指令实现如权利要求1至权利要求7任一项所述的基于Vue+Element-UI的el-table的二次封装方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海微亿智造科技有限公司;常州微亿智造科技有限公司,未经上海微亿智造科技有限公司;常州微亿智造科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202011048657.7/1.html,转载请声明来源钻瓜专利网。