托管的服务器如何做网站,怎么做属于自己的网站,天天ae模板网,电子商务网站建设自服务器什么是路由缓存问题 解决方案#xff1a; 让组件实例不再复用#xff0c;强制销毁重建监听路由变化#xff0c;变化之后执行数据更新操作 方法一
给 routerv-view 添加key属性#xff0c;强制不添加缓存#xff0c;破坏缓存#xff0c;所以这个方法性能会比较差
Ro…
什么是路由缓存问题 解决方案 让组件实例不再复用强制销毁重建监听路由变化变化之后执行数据更新操作 方法一
给 routerv-view 添加key属性强制不添加缓存破坏缓存所以这个方法性能会比较差
RouterView :key$route.fullPath/ 方法二
使用 onBeforeRouteUpdate钩子函数做精确更新 没用onBeforeRouteUpdate前的渲染
//获取组件内部的路由参数用useRoute
const route useRoute()
const categoryData ref([])
const getCategory async (){// 如何在setup中获取路由参数 useRoute() - route 等价于this.$routeconst res await getTopCategoryAPI(route.params.id)categoryData.value res.result
}
onMounted(()getCategory()) 用onBeforeRouteUpdate后 //获取组件内部的路由参数用useRoute
const route useRoute()
const categoryData ref([])//如果调用该函数时没有传入 id则默认使用 route.params.id 的值。
const getCategory async (id route.params.id){// 如何在setup中获取路由参数 useRoute() - route 等价于this.$routeconst res await getTopCategoryAPI(id)categoryData.value res.result
}
onMounted(()getCategory())onBeforeRouteUpdate((to){//to 是即将进入的路由对象getCategory(to.params.id)
})
