文件名称:vue-element-table:一款基于element-ui封装的基于JSON配置的表格,支持分页,按钮,行编辑等等功能
文件大小:626KB
文件格式:ZIP
更新时间:2024-04-09 09:46:22
JavaScript
介绍 在开发管理系统的时候,经常会开发大量的表格,但是直接使用element-ui的原生组件时候,既写法繁琐,而且本身并不本身分页,行编辑,顶部按钮等等功能,需要通过插槽或多个组件组合才能实现,本项目是基于element-ui二级封装的表格,具体功能点见本身。 我是子君,如果觉得这个框架有用,麻烦给我一个star,谢谢,同时欢迎您关注公众号【前端有的玩】,邀你一起玩前端 主要功能 分页 顶部按钮 行编辑按钮 自带标记 行编辑 自适应高度 链接列 插槽列 顶部按钮,行编辑按钮支持拖动按钮 其他功能 具体功能见示例 待开发功能 通过属性配置分页位置在顶部还是底部,或者顶部底部都显示 可以支持更丰富的行编辑表单组件 可以支持配置搜索功能 支持滚动加载 欢迎大家提问题 常用命令 安装 npm install vue-elementui-table -S 在项目中使用 在main.js中添加以下代码
【文件预览】:
vue-element-table-master
----.gitattributes(64B)
----postcss.config.js(274B)
----public()
--------index.html(884B)
--------favicon.ico(4KB)
----commitlint.config.js(716B)
----yarn.lock(440KB)
----.browserslistrc(30B)
----.eslintrc.js(4KB)
----commitlint.md(2KB)
----src()
--------main.js(330B)
--------components()
----babel.config.js(801B)
----lib()
--------vue-elementui-table.common.js(189KB)
--------vue-elementui-table.umd.js(190KB)
--------vue-elementui-table.umd.min.js(62KB)
--------vue-elementui-table.umd.min.js.gz(21KB)
--------vue-elementui-table.common.js.gz(43KB)
--------vue-elementui-table.css(2KB)
--------vue-elementui-table.umd.js.gz(43KB)
--------demo.html(228B)
----.stylelintrc.js(2KB)
----example()
--------router()
--------style()
--------main.js(514B)
--------views()
--------App.vue(548B)
--------assets()
----.yarnrc(43B)
----.stylelintignore(219B)
----README.md(20KB)
----vue.config.js(1KB)
----docs()
--------将移动端适配调整为使用rem.md(1016B)
----.editorconfig(183B)
----.gitignore(230B)
----.eslintignore(219B)
----package-lock.json(558KB)
----package.json(3KB)