版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/caomage/article/details/85006973 背景 开发框架是vue+webpack+element-ui,需要一个回到顶部的通用组件。 开发 HTML部分 code ...
介绍 这是一个是基于element UI的分页组件基础上,进行了二次封装的分页组件,在展示数据时,该分页组件采用了每显示一页数据,只请求当前页面的数据的请求策略,从而避免了一次性将数据全部请求所造成的资源浪费。 使用方法 由于该组件是基于element UI的分页组件进行二次封装,所以在使用该组件时请务必安装element UI 安装方式猛戳这里 ,安装好element UI后,只需将该组件文件夹 ...
2018-08-30 12:56 0 10872 推荐指数:
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/caomage/article/details/85006973 背景 开发框架是vue+webpack+element-ui,需要一个回到顶部的通用组件。 开发 HTML部分 code ...
介绍 这是一个可以将页面中的表格数据导出为Excel文件的功能组件,该组件一般与表格一起使用,将表格数据传给组件,然后通过点击组件按钮可将表格中的数据导出成Excel文件。 使用方法 由于封装该组件内部引用了xlsx.js,file-saver.js和elementUI,因此在使用该组件时 ...
介绍 这是一个可以快速回到页面顶部的组件,当用户浏览到页面底部的时候,通过点击按钮,可快速回到页面顶部。 使用方法 由于该组件是基于element-UI进行二次封装的,所以在使用该组件时请务必安装element-UI(安装方式猛戳这里),安装好element-UI后,只需将该组件文件夹 ...
效果图: 访问的数据量小,一次返回所有数据,再次利用elementUI-Table 和el-pagination组件进行展示,关键点事数据的筛选 官网的完整案例 <div class="block"> <span class="demonstration ...
一、前言 项目中需要提供一个视频介绍,使用户能够快速、方便的了解如何使用产品以及注意事项。 前台使用Vue+Element UI中的el-upload组件实现视频上传及进度条展示,后台提供视频上传API并返回URL。 二、具体实现 1、效果图展示 ...
介绍 这是一个是基于element-UI的导航菜单组件基础上,进行了二次封装的菜单组件,该组件以组件递归的方式,实现了可根据从后端接收到的json菜单数据,动态渲染多级菜单的功能。 使用方法 由于该组件是基于element-UI进行二次封装的,所以在使用该组件时请务必安装element-UI ...
后台管理经常会用到表格,一开始封装了一个常用的功能性表格,点击这里; 后来由于需求增加,在表格中还会用到switch,select,input等多种组件,每次都要在html中增加<el-table-column></el-table-column>, 维护起来相当麻烦 ...