您的位置:首页 > 财经 > 金融 > 开发一套小程序需要多少钱_东莞短视频seo制作_网上怎么做推广_赣州网站建设

开发一套小程序需要多少钱_东莞短视频seo制作_网上怎么做推广_赣州网站建设

2024/12/23 11:03:45 来源:https://blog.csdn.net/clmm_/article/details/142785292  浏览:    关键词:开发一套小程序需要多少钱_东莞短视频seo制作_网上怎么做推广_赣州网站建设
开发一套小程序需要多少钱_东莞短视频seo制作_网上怎么做推广_赣州网站建设

什么是路由缓存问题

解决方案:

  1. 让组件实例不再复用,强制销毁重建
  2. 监听路由变化,变化之后执行数据更新操作

方法一

给 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)
})

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com