- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue3动态判断keep-alive，并且有路由切换动画
中VUE3版本中，用v-if判断路由里是否有keep-alive===true，来判断是否做路由缓存，是行不通的。会有各种报错，要么就是缓存不上。所以，这里 要应用keep-alive标签的：include来判断是否执行keepalive操作。1.配置需要做缓存的页面，存起来。2.判断当前页面的name是否在上面的配置里。3.这样就能实现了。下面上解释，上代码。
2024-09-23 15:53:54
516
原创 VUE3 移动端自制左右滑动预览视频和图片
本来用的是vant的图片预览组件进行改造的，以便预览图片和视频，后来发现体验太差，于是自己写了一套demo。注：右上角还需要一个关闭按钮，有需要的自己添加吧，方法有：webCloseMedia，页面样式没写。主要注意点就是切换的时候要销毁视频，使其重新加载，以免卡顿。视频组件：vue3-video-play。
2023-10-16 14:49:59
580
原创 ES6数组深拷贝浅拷贝
ES6数组深拷贝浅拷贝初学的时候总是容易弄混，这里记录下来let a = [1,2,3,4] let b = [...a] let [...b] = a;//这样写也行 b[2]='a' console.log(a,b)结果：(4) [1, 2, 3, 4] (4) [1, 2, “a”, 4]两者互不影响
2021-01-27 15:22:15
769
原创 vue中v-for写在template上，不能加key怎么办
v-for写在非template上，添加:key没有任何问题，但是写在template上就不行了，加了就报错。有些时候由于内容过多，不得不写在上面，以下是解决方法：<template v-for="item,index in 5"> ---其他标签 测试{{index}} ---其他标签</template><template> <div class="root"> <div v-for="ite
2020-11-05 14:58:01
15763
7
原创 Vuescroll.js插件，自动回滚到顶部
这个插件太好用了，https://vuescrolljs.yvescoding.org/zh/中文文档自动滚动，还能进行各种配置。公司有个需求，翻页后内容自动滚回到顶部，网上查不到，其实很简单。页面<vue-scroll ref="vscroller"></vue-scroll>JS部分let s = this.$refs.vscrollers.scrollTo({y:0},500)...
2020-09-15 17:27:56
458
原创 axios下载流文件，下载base64文件
一、下载流文件首先，reponseType要设置成’blob’request({ url:url, method:'post', data, responseType:'blob})然后，下载就是一个模拟a标签然后模拟点击的过程假设返回来的流存放在res中。const blob = new Blob([res])const fileName = ‘文件名，带后缀的'let a = document.createElement('a')a.download = fileNamea
2020-09-15 14:48:43
602
原创 移动端div自动填满剩余高度
移动端div自动填满剩余高度1、移动端，高度不确定。2、前面内容高度也不确定。3、剩下的div需要填满余下的高度做一些事情4、网上查找了一些，自己试了试，觉得用flex挺方便的。下面展示一些 内联代码片。// div box下包含三块，最后一块是需要高度自动填满的<div class="box"> <div class="c1"></div> <div class="c2"></div> <div class="c3"&g
2020-08-11 15:26:44
1596
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人