zoukankan      html  css  js  c++  java
  • vue 跳转 同一路由不刷新问题解决

     主要问题

      vue 同一路由跳转不走生命周期,导致数据不更新

      不管是动态路由还是?传参  。都不走

    办法一:

      使用watch 监听路由变化。手动更新数据。

    办法二 :

      使用     <router-view :key="$route.fullPath"/>

      

      使用这个可以完美解决不刷新问题。

      使用router-view时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件。即mounted,beforeDestory等钩子函数并不会触发。

      如果想强制刷新,可以在根路由上为其分配一个唯一key。采用$route.fullpath作为其唯一key。这样vue就回认为内部路由每个都是不同的路由,在跳转时便会强制刷新组件

    联系我 qq: 981900309

  • 相关阅读:
    P2009 跑步
    P3916 图的遍历
    P2865 [USACO06NOV]路障Roadblocks
    P2820 局域网
    P2176 [USACO14FEB]路障Roadblock
    讨伐!数论
    网络流入门——EK算法
    最被低估的特质
    我的天哪我有博客了!
    Area POJ
  • 原文地址:https://www.cnblogs.com/caihua0405/p/11265515.html
Copyright © 2011-2022 走看看