Vue关于路由第二次进入页面后created和mounted不执行问题

问题描述：页面每次打开，需要重新加载数据。比如在总管理页面更新了数据，那么在详情页二次打开的时候需要加载最新数据，把加载数据方法写在mounted方法里，却没有执行

问题分析：因为路由中created和mounted默认会进行缓存的，除非在router.js中配置：keepAlive: false；这样是把这个页面的路由缓存给关闭了；true为开启，false为关闭

问题解决方法：

1.将要处理的方法，放在activated函数中

activated() {this.initSomething()
}

2.更改router.js中的配置项

meta: {keepAlive: false
}

Vue关于路由第二次进入页面后created和mounted不执行问题相关推荐

Vue+elementUI从头开始构建前端页面(中篇-Table作妖)
传送门:Vue+elementUI从头开始构建前端页面(前篇-Starter搭建) 传送门:Vue+elementUI从头开始构建前端页面(中篇-Table作妖) 传送门:Vue+elementUI从 ...
vue mounted方法执行多次问题的解决方案
问题背景今天帮忙解决问题的时候遇到了一个很奇怪的问题,点击一个按钮跳转的另一个页面,他的mounted方法执行了三遍,想到这个问题我确实是很困惑的,查阅网络资料说是v-if和v-show的问题,线下 ...
vue 打包路由报错_Vue下路由History模式打包后页面空白的解决方法
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往 ...
Vue 切换路由后页面回到页面顶部
Vue 切换路由后页面回到页面顶部 backTop() {window.scrollTo(0, 0)document.body.scrollTop = 0document.documentElemen ...
Vue设置路由后页面仍不显示为空白
问题现象设置了路由,新增的页面的页面依然显示空白,没有任何报错. 问题原因与解决办法出现这个问题只能说明路径或配置写错了. 第一步:检查配置:router/index.js中的routes不要写成 ...
同一个ip服务器comcat下部署第二个项目怎么设置,用nginx在同一服务器端口下部署多个项目，第二个项目打开后页面空白？...
1.问题概括: 按照这篇文章的做法,用nginx在在服务器同一端口下部署多个项目,结果发现,第一个项目正常运行,第二个项目打开后页面空白. 2.服务器上项目文件夹的结构: /home 路径下有两个如下 ...
vue刷新页面如何保证路由不变_vue 刷新之后嵌套路由不变重新渲染页面的方法...
vue 刷新之后嵌套路由不变重新渲染页面的方法解决嵌套路由刷新时,路由没有变化,正常情况下页面是不会重新渲染的 1.在router-view中加上条件渲染 v-if 默认为true.让它显示出来 ...
html 刷新页面未传参数值,vue router路由参数刷新消失问题的解决方法
场景:vue-router实现的单页应用,登录页调用登录接口后,服务器返回用户信息,然后通过router.push({name: 'index', params: res.data})传给主页组件,并 ...
vue用路由守卫进行登录后的路由跳转
昨天已经成功地获取到登录的token,并将token存储在session storage中,今天完成了获取到token之前与之后内容页与登录页之间的路由跳转,主要用路由守卫来实现在 router/i ...

Vue关于路由第二次进入页面后created和mounted不执行问题

Vue关于路由第二次进入页面后created和mounted不执行问题相关推荐

最新文章

热门文章