首页 > 其他 > 详细

Vue 路由切换时页面内容刷新页面并更新数据

时间:2019-07-02 17:46:34      阅读:319      评论:0      收藏:0      [点我收藏+]

第二次进入页面,页面路由参数已经改变,但是页面内容不会刷新

<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM

<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。

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

//使用Vue组件切换过程钩子activated(keep-alive组件激活时调用),而不是挂载钩子mounted
export default {
  // ...
  activated: function() {
    this.getCase()
  }
 }
</script>

Vue 路由切换时页面内容刷新页面并更新数据

原文:https://www.cnblogs.com/ralapgao/p/11121847.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!