路由复用时页面不刷新显示的解决办法

今天在项目中新增了很多修改功能。需要复用之前的路由

image-20240313150329705

这是路由文件,其中的每个路由地址对应着一个菜单栏

image-20240313150624228

现在修改功能需要复用新发起的路由,在路由的 query 参数携带相应的参数,方便在修改页面中复显数据

image-20240313151115776

但是如果我直接在声明周期函数里获取修改的数据会不生效。原因是当修改和新发起复用同一个路由时,vue 考虑到效率问题,并没有重新销毁再重建组件,它们使用的是同一个组件。这也导致了当我在别的页面点击修改想跳转到修改页面时,我在声明周期函数里写的获取修改数据的代码并不会生效,页面仍是一片空白。这个问题也在小兔鲜项目中遇到过。因此手动 watch 一下

image-20240313151854119

  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2023-2025 congtianfeng
  • 访问人数: | 浏览次数: