鱼塘码农

菜鸟学习记录
鱼海无涯

Vue设置重新进入页面的时候不刷新页面,不触发 mounted

今天在修改前人留下的项目时,发现带着不同的条件两次进入同一个页面时,没有重新获取接口数据,其他的页面没有这个问题,经过一番百度,结合当时的需求,原来这个接口之前是去一个比较NB的部门获取的,不能获取的太频繁,所以不手动刷新页面的时候不获取数据,原来的是这么写的:
router.js:

{ 
      path: '/pageA',
      name: 'pageA',
      component: resolve => require(['@/views/pageA/pageA.vue'], resolve),
      meta: {
        keepAlive: true //关键就在这里
      }
    },

APP.vue

<template>
  <div id="app">
    <div v-if="$store.state.loading" style="position:fixed;top:0px;width:100%;display:flex;justify-content:center;align-items:center;height:100%;z-index:9999;background-color:rgba(29, 23, 23,0.5);">
      <mt-spinner type="snake"></mt-spinner>
    </div>
    <!-- <router-view/> -->
    <!--页面返回不刷新-->
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template>

将路由中的keepAlive: true去掉,重新进入页面就会刷新了。

文章内容可能来自网络,纯为学习使用,若有侵权,请联系我删除 | 当前页面:鱼塘码农 » Vue设置重新进入页面的时候不刷新页面,不触发 mounted

评论