- 博客(8)
- 收藏
- 关注
原创 vue中使用keepalive缓存页面三个页面之间跳转第一次不生效
经排查发现,是因为我跳转的路由中有中文,keepalive第一次缓存的是正常的带中文的路由,当返回的时候中文变成了乱码,keepalive中没有缓存这个乱码的路由,所以第一次返回的时候页面缓存没生效,第二次正常中文和中文乱码路由都被缓存了,这个时候页面缓存就正常了。里打印会发现,缓存的页面多了一个乱码的,这其实就是原来的B页面,就是因为这个页面B,中文和中文乱码的才被缓存下来,所以第二次再返回的时候B页面才不会再进入到created生命周期。生命周期,也就是B页面没被缓存,// 注意这里路由后面的中文。
2023-01-18 17:17:01
2521
原创 Eslint如何不忽略node_modules里检测(vue+webpack项目)
我们项目里的业务组件是以单独的仓库子模块的形式,通过安装包的形式install到主项目里node_modules里的。主项目是开启了eslint检测的,但是发现对node_modules里的内容是不起作用的,但因为公司的质量检测组要扫描我们的代码,所以必须要让子模块的代码也能被eslint检测。 一开始我的想法是应该是eslint会有个配置,配置一下应该就可以,但是百度了好久没有找到我想实现的这种效果,然后又开始研究是不是在webpack里有个配置可以配置,结果发现这条路也走不通,然后我就找到
2022-08-11 14:29:32
3520
原创 el-tabs组件切换之前拦截函数异常踩坑记录
这里主要强度一点:判断的时候不要用beforeLeave函数里的参数activeName来判断,由预约跳转到其他tab的话需要进行保存提示(必须要用你自己在data里定义的this.activeName来判断,否则用参数里activeName会走两遍)要对页面填写信息进行校验,若没有任何改动则可以直接切换tab,若有改动,则需要在。,提示用户:当前页面信息未保存,确定离开吗?确定或取消由用户选择。...
2022-08-11 14:28:21
610
原创 element ui中table动态列切换时,表格样式变形或错乱
定义多个头部和多个数据体,可以自由切换不同的头部和相应的数据体,但是切换过程表格头部会错乱。我是在tab下切换显示不同的表格数据,而且切换的时候每个表头都不一样,所以表头也是动态渲染的,而且我这里还需要有二级表头,而现象就是我切换的时候二级表格显示的位置不对。就好了,我这里是切换不同的表格的时候动态给了key,toggleIndex是个变量。我一开始是只给el-table-column设置了不同的key但发现没效果才给el-table又加了key,简单点可以直接设置:key="Math.random()".
2022-08-11 13:57:03
5366
2
原创 防抖和节流的实现
防抖:则是对连续触发的事件,只会执行一次,不管事件触发多少次,都只执行一次。(在防抖里设置的时间可以说是对连续触发时间的定义,在设置时间内运行的事件就被称为连续触发的事件)节流:是指对于连续触发的事件,每隔一段固定时间执行一次,只要事件持续出发就可以执行很多次。(在节流里涉及的时间主要是指事件执行的间隔时间)总结:函数节流(throttle)与函数防抖(debounce)都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟,假死或卡顿的现象。...
2022-06-14 16:16:46
1636
原创 npm publish与npm install不频繁使用命令切换仓库的方法
我们在公司开发组件的时候可能需要npm publish到一个私库上,而我们提交代码或者安装node_module又可能需要在另一个私库上,这时候我们可能通过命令:npm config set registry http://xxx 来每次不断的切换我们的私库地址,这样比较麻烦,每次还需要记住不同的私库地址,那有什么方法来实现这一需求,不用每次切换不同的地址就能实现npm install和npm publish呢 这一设置完publishConfig之后,在控制台再运行npm publish就可
2022-06-10 14:09:42
987
原创 vue前端实现打印功能
方案一:vue页面设置单独的div区域专门做打印:调用打印方法: 对打印页面调整样式 方案二:与方案一差不多只是不单独设置独立div用于打印,直接对展示页面进行打印,再通过样式去调整打印页面的显示,而且不用安装html2canvas.........
2022-06-07 14:19:49
5311
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人