![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 59
码砖猿
这个作者很懒,什么都没留下…
展开
-
基于element封装table、分页
在利用element-ui Table编写项目时,会存在表格展示的数据存在分页的情况,基本每个页面都要配置,很影响开发效率,也不利于后期维护,所以统一封装一下,便于开发使用。How to Use:在src/components目录中创建base-table,引用到自己的页面中,可以根据自己的需求自由更改。base-table组件封装<template> <div class="base-table bg-white"> <!-- 表格上方操作栏 ,原创 2021-11-05 14:19:52 · 1438 阅读 · 0 评论 -
基于vue的图片剪裁工具vue-croppe
基于vue的图片剪裁工具vue-croppe安装// npm安装npm install --save vue-croppa// yarn 安装yarn add vue-croppa使用引入插件两种引用方式// 全局注册 main.jsimport VueCropper from 'vue-cropper'Vue.use(VueCropper) // 组件内单独使用 userAvatar.vueimport { VueCropper } from 'vue-cropper'原创 2021-09-29 14:32:00 · 1385 阅读 · 1 评论 -
Vue a标签实现点击下载,下载图片、txt文件,不是直接打开的方式
前段时间在项目中遇到文件需要下载,直接拿出了之前封装的下载指令,在用的时候发现在下载jpg、txt文件时,并不会直接下载,而是会在浏览器中打开文件,即使给a标签添加了download属性,也无济于事。我先把之前封装的指令贴出来吧,如果下载文件类型只是Exact、Word、Pdf格式的可以直接拿着用,如果有其他文件类型需求的,可以继续往文章下面看支持Exact、Word、Pdf格式下载l...原创 2020-04-27 11:51:56 · 14042 阅读 · 11 评论 -
Vue项目导出功能、带token导出Excel
在vue后台管理项目中,目前我常用的就两种导出方式一种是不需要携带token的,直接调用后台的接口,携带需要传递参数就行,具体实现代码如下:在main.js封装指令let baseDownloadUrl = 'http://xxxxxxx:8080' // 域名const PATH = { userList:'vue/export/userList' // 后台接口地址}//...原创 2020-04-27 10:55:13 · 3282 阅读 · 0 评论