您现在的位置是:首页 > 前端开发 > vue全家桶

vue路由切换时页面内容没有重新加载的解决方法

admin2018-12-26vue全家桶 人已围观

简介router 重新路由的时候到当前页面的时候是不进行刷新...App.vue 文件中 修改文件 整个配置如此:

问题原因:

  在组件mounted钩子中调用的刷新页面内容,但测试发现这个钩子没有被调用。后来发现App.vue中使用了:


<template>
 <div id="app">
 <keep-alive>
  <router-view></router-view>
 </keep-alive>
 </div>
</template>

keep-alive是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。这就是问题所在了。

解决办法:

使用Vue组件切换过程钩子activated(keep-alive组件激活时调用),而不是挂载钩子mounted:


<script>
export default {
 // ...
 activated: function() {
 this.getCase()
 }
}
</script>

图片详情


希望能帮助到大家。

很赞哦!116

文章评论

      匿名评论
    • 评论
    人参与,条评论

站点信息

  • 建站时间:2018-12-23
  • 网站程序:帝国CMS7.5
  • 文章统计: 141
  • 文章评论:490条
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们