vue项目技术
文章平均质量分 54
在做vue项目的时候遇到问题的解决办法,在此做个记录。
初来乍到的IT狗
前端一枚
展开
-
element项目中遇到的小问题总结
在用element UI框架做项目时遇到的问题,现在总结记录下来,此文档持续更新中…原创 2022-08-05 14:57:37 · 470 阅读 · 0 评论 -
vue中处理后台返回的图片流,并将图片流显示在前端(转载)
转载于 https://blog.csdn.net/qq_41948525/article/details/105238646现在我接手的项目中相关的技术:vue,element-ui,axios——————接下来看看业务场景——————1.看下图(这是图片流,如果直接在img标签下的src中是没有用的)那怎么办呢,别慌往下看2.解决方法(1).在请求后端接口返回responseconst src = window.URL.createObjectURL(response)//这里也是关键,转载 2021-10-15 14:03:48 · 2959 阅读 · 0 评论 -
element 一个页面两个table显隐相互影响
在用element UI 做项目时,发现如果一个页面有两个table时,并且这两个table会有一个显示一个隐藏的功能(v-if,v-else)时,会出现表格错落的情况,两个table会相互影响。经过查询VUE官网发现: Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处。例如,如果你允许用户在不同的登录方式之间切换:<template v-if="loginType === 'username'"> &l原创 2021-07-29 09:55:46 · 3866 阅读 · 1 评论 -
若依引入swiper / VUE引入swiper
现有需求要求实现竖直方向的同时显示3个item的轮播效果,若依VUE(前后端分离)版本使用的是Element UI,框架中的carousel组件只能实现简单的轮播效果,并且不够灵活,所以我们引入swiper。1、安装swiper依赖npm install swiper --save安装成功后可以发现在page.json中找到swiper及其版本:我安装的版本号为5.4.5。2、在main.js中引入样式import 'swiper/css/swiper.min.css';3、在需要swip原创 2021-06-17 11:31:24 · 1629 阅读 · 3 评论 -
vue keep-alive配合swiper的问题(转载)
转载于https://www.cnblogs.com/cscredis/p/9703286.html 问题描述,首页优化使用keep-alive之后,从别的页面跳回来,swiper轮播不播放,查了好久资料,有的说要重新调用swiper的init方法进行初始化,等等,最终都没能解决问题,最终通过查看文档得知keep-alive缓存组件的是created钩子会创建一个cache对象,用来作为缓存容器,保存vnode节点。destroyed钩子则在组件被销毁的时候清除cache缓存中的所有组件实例。 由此转载 2021-06-09 11:36:45 · 388 阅读 · 0 评论