- 博客(6)
- 收藏
- 关注
RSS订阅原创 个人记录---
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted。父beforeDestroy->子beforeDestroy->子destroyed->父destroyed。请求拦截：axios的请求拦截会先执行最后指定的回调函数先执行，依次向前面执行。响应拦截：axios的响应拦截会先执行最先指定的回调函数先执行，依次向后面执行。
2023-11-14 17:00:15
80
原创 vue发布组件到npm全纪录
前言面对越来越多的开源组件库，学会发布库已经是前端必须会的事情了,也算是为开源贡献一份力量,在网络上看了一些前者的文章,自己也算发布成功了,路不积跬步,无以至千里,一步一步来吧，本次就把自己发布的过程记录一下发布环境本次使用的是vue-cli的环境vue create priject-name //创建一个项目就好搭建库环境1.很多教程建议将src改成examples,但是这个和组件关系不太大,我个人觉得没必要改。在src文件夹下新建一个packages文件夹(装自己组件的文件夹)，下图示例
2021-02-19 10:15:19
156
原创 Vue仿bilibili左右菜单导航联动效果
先看b站的效果，是当页面滚动时左边的菜单到达某个位置后，右侧的导航条对应的导航会高亮，然后点击右侧导航的某项时，页面会滚动到对应的菜单。说到这呢，其实心里也大概会有点头绪，点击的效果类似tab栏切换，只是需要滚动而已，而滚动页面时则需要记录滚动值来进行右侧导航栏的高亮显示。好了，话不多说，先来看看需要哪些东西！思路首先，我们需要开启页面的滚动事件来记录滚动值,在页面加载完成后开启scroll事件，这样滚动时可以获取到滚动值，然后我们在滚动时通过对比 滚动距离和左侧菜单块距离顶部高度的差值来确定右侧菜
2021-01-25 14:56:07
789
原创 Vue中token刷新及续期的功能实现
在vue中如何实现token续期（刷新token）原因最近公司项目有一个视频播放的功能，然后由于在测试环境登录时token过期时间较短导致一直在当前页面播放视频会出现token过期的现象，然后用户刷新会触发axios响应拦截器的操作退出系统。所以需要解决这个token过期的问题 ，以便在token过期前通过接口刷新token，让过期时间延长。思路那有了这个需求，就要说说解决思路了，一般来说，我们登陆成功的时候会通过账号密码来调用一个获取token的接口，此接口内会有token的过期时间以及一个ref
2021-01-21 16:10:23
2377
2
原创 vue中使用el-upload上传excel生成table数据
vue中使用el-upload上传excel生成table数据最近公司有个需要上传excel的需求,可以让上传的excel转换为table数据,方便用户查看,由于之前没做过此类的需求,所以我百度了一波,了解到xlsx这个插件可以转换进行导入导出excel,既然如此,那就决定用你了.以下是功能展示好了 接下里说如何实现此功能首先我们先下载xlsx这个包npm i xlsx然后在你想要实现的地方导入import xlsx from "xlsx";我在这里展示以下我的结构<div cl
2020-11-22 16:32:35
1386
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人