vue 同一个页面第二次跳转路由内容不更新

  • 使用 watch 监听路由变化,当路由发生改变时,手动更新数据(设置方法,重新获取对应的数据)
  • 使用App.vue 中为 router-view入口添加参数 :key=“$route.fullPath” (vue2,vue3都支持该属性)
    在这里插入图片描述
  • mounted里面执行的办法在 activated 里面在执行一遍,activated是路由的两个生命周期之一,解释如下图:
  • activated 路由组件被激活时触发
  • deactivated 路由组件失活时触发
  • 上一篇:Kafka和RabbitMQ比较


    下一篇:理解 Vue 的 setup 应用程序钩子