vue学习
文章平均质量分 50
滚动小人人
这个作者很懒,什么都没留下…
展开
-
vue中不同路由共用同一个组件,缓存数据。不同路由第一次进入走加载,二次缓存
背景:后端根据不同路由返回不同数据,使用一个组件去渲染页面需求:一,每次新路由进入的同一个组件都要走生命周期,获取后端数据。二,第二次点击需要缓存数据,希望之前输入的数据还在。难点说明:1,由于vue设计时,同一个组件二次进入是不会再次走生命周期,目的是为了提高渲染效率等2,keepAlive缓存同一个组件 会出现不生效的问题解决:关于一:解决方法网上但部分是根据路由在添加一个时间作为key来解决。但我今天的解决办法是一二一起解决。首先,先解决为什么keepAlive不能缓存原创 2022-03-22 23:16:29 · 6291 阅读 · 6 评论 -
VUE中axios 封装,带进度条的
首先先介绍一下,关于封装axios,主要目的是为了不用到处去修改 和请求有关的需求。我用的是element-ui,基本引入如下import Axios from 'axios'import Cookies from 'js-cookie'import IP from './ipconfig'import router from '@/router';import { Message } from 'element-ui'接着设置 超出时间 和请求拦截 响应拦截const h.原创 2020-06-01 14:39:36 · 5096 阅读 · 0 评论 -
vue中 生成二维码 并自动批量下载
项目中经常又这样的需求,要求将字符串生成二维码,并下载下来一般分为 生成一个二维码展示并下载,对于这种你只需调用qrcodejs2生成二维码就可以了 下载也是按钮触发今天我们要说的是 批量下载,具体做法是首先下载资源npm install qrcodejs2 --save在对于的文件中引入,在template中添加如下的html代码<div id="qr...原创 2020-02-18 20:56:13 · 2113 阅读 · 15 评论 -
VUE动态绑定video或者audio的src不能播放
首先 关于vue 是可以直接通过绑定src来或者 显示在,网上的许多方法都是创建dom元素来重新 append到页面上 ,这个是能解决问题的 但不是最佳的首先 你的html写成这样 <video ref='video' controls width="100%" height="100%"></video>注意这里的 的ref 这里是后面方便操作 do...原创 2020-01-18 17:48:02 · 3769 阅读 · 3 评论 -
Vue传递参数不在URL路径上 显示参数的完整方法
首先,vue中传递参数 可以直接使用this.$router.push({path:'/taskCenter?id='+id+'paths='+path});但这样有一个明显的错误就是 会把参数显示在路由中。通过网上查阅资料 发现可以使用params 来传递参数 当发现这有一个大坑。下面 我来详细讲解 如何使用 params第一步:在vue中路由中这样 就是...原创 2019-08-01 22:32:17 · 18292 阅读 · 10 评论 -
element中手动图片上传,附带完整代码
先展示一张图片效果图片这种上传时 很常见的。之所以写这篇文章的目的时记录一下,和之前完全不同的上传方式。之前的上传方式:由于<el-upload></el-upload>这个组件有自动上传,也就是说只要图片提交后就会自动上传。所以之前都是 为这样的 表单提交提供两个接口,第一个接口提供图片接收,并返回接收后的图片路径。然后在和表单一起提交的第二个接口中...原创 2019-08-03 16:28:01 · 4224 阅读 · 3 评论