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

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

<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>

欢迎加群交流 QQ群号: 1158731967, 群里不定期共享资源

巴特西

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

最新文章

热门文章