vue3-路由缓存-路由切换页面不刷新问题

问题:路由在切换时候,路由参数可以变化,但是页面接口并没有调用,数据没有渲染
1.使用   添加key破坏复用机制 强制销毁重建 
存在问题:会强制将页面所有组件销毁,重新调用
<RouterView :key="$route.fullPath" /> 


2.使用
import { onBeforeRouteUpdate } from "vue-router";
// 目标:路由参数变化的时候 可以把分类数据接口重新发送
onBeforeRouteUpdate((to) => {

  // 会存在一个新问题  使用的路由参数不是最新的是滞后的可以通过to来获取
  //这里如果要使用路由中的值一定要取to中的,
 调用接口传递参数
})

你可能感兴趣的:(vue.js,前端,javascript,vue3)