![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
洪洪呀
前端小菜鸟
展开
-
VUE根据后端返回url链接下载文件
VUE根据后端返回url链接下载文件1. 页面实现思路2. 具体代码3. 成功效果甲方提出了一个需求 在前端页面上选择了开始时间和结束时间 实现导出功能 导出功能由后端人员写好接口 前端请求接口拿到返回的url地址进行下载1. 页面实现思路页面上有点击按钮 点击后弹出模态框 选择时间 发起请求 请求成功后拿到链接进行下载2. 具体代码 exportBtn() { this.$refs["exportForm"].validate((valid) => {原创 2021-11-22 13:42:41 · 9794 阅读 · 3 评论 -
vue实现tab切换附带css样式
vue实现tab切换附带css样式vue会用到tab切换的地方 很简单 几句代码实现可复用 直接上代码 我是写在html页面中的1.代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>tab切换</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js">原创 2021-10-09 10:34:59 · 1021 阅读 · 0 评论 -
vue + element 实现在线预览pdf并进行打印
vue + element 实现在线预览pdf并进行打印element ui 实现在线预览pdf地址并打印 百度了看很多文档都说需要安装一些插件之类的问题 其实不需要 现在大多数的浏览器都支持打印和预览 很简单的一句代码实现1.添加打印按钮<el-button type="primary" @click="printBtn(scope.$index, scope.row)">打印</el-button >添加打印事件 我的地址是后端生成的 直接带过去 使用window原创 2021-09-28 13:52:30 · 2687 阅读 · 8 评论 -
vue+element校验输入框不能有特殊字符
vue+element校验输入框不能有特殊字符做管理后台的时候 遇到表单校验 要求是不能让用户输入特殊字符 简单散步即可 亲测有用在data() 函数处声明方法export default { data() { let validateInput = (rule, value, callback) => { if (!this.checkSpecialKey(value)) { callback(new Error("不能含有特殊字符!!")原创 2021-09-24 14:27:40 · 5769 阅读 · 1 评论 -
vue控制台报TypeError: Cannot read property ‘protocol‘ of undefined错误
vue控制台报TypeError: Cannot read property ‘protocol’ of undefined错误前两天搭建框架 引入axios后 前端刷新报出这个错误 看着很难受 解决了一下原因是因为在main.js中引入axios时 语法有错误错误代码如下import axios from 'axios'Vue.use(axios)正确代码import axios from 'axios'Vue.prototype.$axios = axios;效果图原创 2021-08-23 09:34:59 · 516 阅读 · 0 评论 -
element-UI中分页组件显示英文的解决方案
element-UI中分页组件显示英文的解决方案写vue项目的时候 使用elementUI框架搭建模板 做了一个表格 发现分页控件是英文的 先看图 在看解决方法出现的问题解决方法 在main.js中引入中文 第一个是英文 第二个是中文import locale from 'element-ui/lib/locale/lang/en' import locale from 'element-ui/lib/locale/lang/zh-CN' 解决后...原创 2021-08-19 15:48:56 · 3336 阅读 · 0 评论