Vue.js Vue路由器赢得';当一条路线被激活时,它不工作

Vue.js Vue路由器赢得';当一条路线被激活时,它不工作,vue.js,vuejs2,vue-router,Vue.js,Vuejs2,Vue Router,考虑以下路线: /form/1 /form/2 /form/3 当地址是/并且我点击/form/1时,VueRouter在路由器视图中加载我的组件,但当我点击/form/2进入/form/1时,什么都不会发生 您需要监视$route中的参数更改,并执行正确的操作(例如,进行ajax调用以检索给定id的信息),因此: 您还可以使用beforeRouteUpdate保护(请参阅:)您需要监视$route中的参数更改,并执行正确的操作(例如,进行ajax调用以检索给定id的信息),因此: 您还可以使用

考虑以下路线:

  • /form/1
  • /form/2
  • /form/3

  • 当地址是
    /
    并且我点击
    /form/1
    时,VueRouter在
    路由器视图中加载我的组件,但当我点击
    /form/2
    进入
    /form/1
    时,什么都不会发生

    您需要监视
    $route
    中的参数更改,并执行正确的操作(例如,进行ajax调用以检索给定id的信息),因此:


    您还可以使用
    beforeRouteUpdate
    保护(请参阅:)

    您需要监视
    $route
    中的参数更改,并执行正确的操作(例如,进行ajax调用以检索给定id的信息),因此:


    您还可以使用路由更新前的
    保护(请参阅:)

    您还可以向
    路由视图添加唯一的
    属性,以便vue强制替换组件,而不是重复使用它

    <router-view :key="$route.path"></router-view>
    

    您还可以将唯一的
    属性添加到
    路由器视图
    ,以便vue强制替换该组件,而不是重复使用它

    <router-view :key="$route.path"></router-view>