![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 53
Lylovehyy
搬砖ing...
展开
-
最全的 vuex 详解使用
最全的 vuex 详解使用前言根据日常开发,整理了关于vuex的使用文档,附带一些网上主流的使用方式,适合刚入门的小白。废话不多说,先上代码。vuex 基础及 modules 模块化使用目录结构:store/|- modules |- moduleA.js |- moduleB.js|- action.js|- getters.js|- index.js|- mutations-types.js|- mutations.js|- state.jsmain.js原创 2022-04-01 12:00:37 · 800 阅读 · 0 评论 -
axios 刷新token无感
前言token 本身的机制及安全性本文就不赘述,感兴趣的朋友可以百度自行了解。接下来讲下前端如何使用axios进行无感刷新jwt。大致思路如下:使用axios请求拦截器请求接口时,需要将token带入到请求头以便后端去验证。在axios响应拦截器中,当一个或多个接口响应token超时并返回特定状态码时,其中一个接口执行更新token接口,其余的响应拉入队列(数组)中,异步等待更新token接口执行完毕,再执行队列(重新请求队列中的接口并将返回的数据return出去),再置空队列以便下次。代码如原创 2021-10-18 18:20:42 · 691 阅读 · 1 评论 -
vue中keepAlive实现缓存及不缓存
前言总所周知,我们在vue使用keepAlive实现缓存时有相关场景不一定都要缓存,例如:A页面 (name) = pageA ,B页面(name)= pageB ,pageA -> pageB -> pageA (返回到的A页面需要缓存)pageA -> pageB -> pageA (返回到的A页面不需要缓存)功能实现1、我们使用vue模板的标签keep-alive,其中的属性inclide 实现。代码如下:<template> <ke原创 2021-05-28 10:59:27 · 1741 阅读 · 2 评论 -
input框在ios中文输入法下无法取值解决方案
我们在移动端h5使用input在v-model双向数据绑定时候,ios的中文输入下输入英文却没有确认,直接换行的情况下取不到该输入框的值,这是个坑。解决方式在input上多加个change事件,用dom的方式赋值代码如下:<template> <input id="js-input" type="text" @change="inputChange" placeholder="输入账号" v-mode原创 2021-03-19 15:23:55 · 1006 阅读 · 0 评论 -
Vue + ts 全局组件挂载(附:生成环境失效问题)
前言以前使用vue 时,在main.js中使用Vue.component 实现全局挂载,加上ts环境后 就换了种写法。下面跟大家分享一下。代码main.ts在 components目录下,创建index.ts 主要用来引入全局组件。import Components from "./components/index.ts"Vue.use(Components);index.tsimport { VueConstructor } from 'vue'// 全局组件import Inf原创 2021-03-08 17:01:49 · 1827 阅读 · 1 评论 -
Vue + Ts 封装axios 及 全局方法挂载
Vue + Ts 封装axios 及 全局方法挂载原创 2021-02-21 18:08:28 · 6034 阅读 · 2 评论