企业微信重新登录进入index不刷新当前页面数据

企业微信重新登录进入index不刷新当前页面数据


前要:企业微信根据不同的职位分配不同的权限,如果是每一个用户直接企业微信单点登录进去可以获取到对应自己的权限,可以看到对应的模块!那么问题来了,如何用户单点登录进来退出登录重新用其他账号登录的话,index中的权限模块的数据还是第一次单点登录进去的权限,必须要点击企业微信三点里面的刷新才能重新获取账号登录对应的权限!


历史余留BUG:一开始因为需要配置的权限是后台返回来的配置根据对应后台填写的标识来分配权限的,有meas和button两种权限标识,按钮权限是感觉父类来查询对应的子类按钮权限的!所以需要配置app.vue的路由缓存


企业微信重新登录进入index不刷新当前页面数据


思路配置方案:

  • 强制刷新index页面栈

  • 路由拦截时进行对应的栈刷新处理

  • 简单粗暴的activated


一、强制刷新index页面栈

思路配置方案:
1、强制刷新index页面栈
该方法可以强制刷新页面栈,但是会出现一段空白页,用户体验不好

this.$router.go(0)

app.vue中定义reload()

<template>
<div id="app">
<router-view v-if="isReload"/>
</div></template>
<script>export default {
name: 'App', provide() {
return {
reload: this.reload }
}, data() {
return {
isReload: true
}
},
methods: {
reload() {
this.isReload = false
this.$nextTick(() => {
this.isReload = true
})
}
}}</script>

需要强制刷新的页面引用

<script>export default {
inject: ['reload'],
methods: {
clickReload() { // 点击之后强制刷新
this.reload()
}
}}</script>

二、路由拦截时进行对应的栈刷新处理

企业微信重新登录进入index不刷新当前页面数据

企业微信重新登录进入index不刷新当前页面数据

企业微信重新登录进入index不刷新当前页面数据

企业微信重新登录进入index不刷新当前页面数据

三、简单粗暴的activated


其实vue中海油一个钩子函数,只是很少用,这钩子函数不关你有没有缓存,就是每一次进入改页面栈的时候都会刷新,重新加载当前页面栈的!

如果使用的是created钩子函数的话,前面进来可以触发改钩子函数,但是如果回退在进入改页面栈的时候就不会重新触发固态钩子函数的,因为在你完成登录操作之前,你的首页组件就已经被挂载了,相当于已经执行到了mounted钩子了。你试试update,应该可以解决问题。

activated(){
//动态加载权限模块
this.controller();
},

哈哈!这进可攻,退可守,不失男人本色!!!

原文始发于微信公众号(Front小思):企业微信重新登录进入index不刷新当前页面数据

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/40711.html

(0)
小半的头像小半

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!