自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

FangFang's Blog

记录成长

  • 博客(8)
  • 收藏
  • 关注

原创 vue中使用keepalive缓存页面三个页面之间跳转第一次不生效

经排查发现,是因为我跳转的路由中有中文,keepalive第一次缓存的是正常的带中文的路由,当返回的时候中文变成了乱码,keepalive中没有缓存这个乱码的路由,所以第一次返回的时候页面缓存没生效,第二次正常中文和中文乱码路由都被缓存了,这个时候页面缓存就正常了。里打印会发现,缓存的页面多了一个乱码的,这其实就是原来的B页面,就是因为这个页面B,中文和中文乱码的才被缓存下来,所以第二次再返回的时候B页面才不会再进入到created生命周期。生命周期,也就是B页面没被缓存,// 注意这里路由后面的中文。

2023-01-18 17:17:01 2275

原创 Eslint如何不忽略node_modules里检测(vue+webpack项目)

我们项目里的业务组件是以单独的仓库子模块的形式,通过安装包的形式install到主项目里node_modules里的。主项目是开启了eslint检测的,但是发现对node_modules里的内容是不起作用的,但因为公司的质量检测组要扫描我们的代码,所以必须要让子模块的代码也能被eslint检测。 一开始我的想法是应该是eslint会有个配置,配置一下应该就可以,但是百度了好久没有找到我想实现的这种效果,然后又开始研究是不是在webpack里有个配置可以配置,结果发现这条路也走不通,然后我就找到

2022-08-11 14:29:32 3255

原创 el-tabs组件切换之前拦截函数异常踩坑记录

这里主要强度一点:判断的时候不要用beforeLeave函数里的参数activeName来判断,由预约跳转到其他tab的话需要进行保存提示(必须要用你自己在data里定义的this.activeName来判断,否则用参数里activeName会走两遍)要对页面填写信息进行校验,若没有任何改动则可以直接切换tab,若有改动,则需要在。,提示用户:当前页面信息未保存,确定离开吗?确定或取消由用户选择。...

2022-08-11 14:28:21 419

原创 element ui中table动态列切换时,表格样式变形或错乱

定义多个头部和多个数据体,可以自由切换不同的头部和相应的数据体,但是切换过程表格头部会错乱。我是在tab下切换显示不同的表格数据,而且切换的时候每个表头都不一样,所以表头也是动态渲染的,而且我这里还需要有二级表头,而现象就是我切换的时候二级表格显示的位置不对。就好了,我这里是切换不同的表格的时候动态给了key,toggleIndex是个变量。我一开始是只给el-table-column设置了不同的key但发现没效果才给el-table又加了key,简单点可以直接设置:key="Math.random()".

2022-08-11 13:57:03 4934 2

原创 一些常用的公共js方法

公共utils类

2022-06-14 18:22:17 182

原创 防抖和节流的实现

防抖:则是对连续触发的事件,只会执行一次,不管事件触发多少次,都只执行一次。(在防抖里设置的时间可以说是对连续触发时间的定义,在设置时间内运行的事件就被称为连续触发的事件)节流:是指对于连续触发的事件,每隔一段固定时间执行一次,只要事件持续出发就可以执行很多次。(在节流里涉及的时间主要是指事件执行的间隔时间)总结:函数节流(throttle)与函数防抖(debounce)都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟,假死或卡顿的现象。...

2022-06-14 16:16:46 1564

原创 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 896

原创 vue前端实现打印功能

方案一:vue页面设置单独的div区域专门做打印:调用打印方法: 对打印页面调整样式 方案二:与方案一差不多只是不单独设置独立div用于打印,直接对展示页面进行打印,再通过样式去调整打印页面的显示,而且不用安装html2canvas.........

2022-06-07 14:19:49 5066 7

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除