Javascript Vue动态路由预渲染
我正在做一个Vue项目,我遇到了一个问题Javascript Vue动态路由预渲染,javascript,performance,vue.js,vue-router,dynamic-routing,Javascript,Performance,Vue.js,Vue Router,Dynamic Routing,我正在做一个Vue项目,我遇到了一个问题 当我在一条特定的路线上时,我想预渲染一些动态路线。 在我的项目中,我有一个/works路线,它显示了几个项目的列表。每一项 有一个路由器链接,发送到他的/work/workID路由并呈现工作页组件。由于这是一个动态路由,Vue不会预渲染这些路由,每次加载时,加载的图像都会延迟500毫秒 我的图像url存储在Vuex中,图像上载到公用的google drive文件夹中。 我想我应该用这样的东西: let matched = router.resol
当我在一条特定的路线上时,我想预渲染一些动态路线。 在我的项目中,我有一个
/works
路线,它显示了几个项目的列表。每一项
有一个路由器链接,发送到他的/work/workID
路由并呈现工作页组件。由于这是一个动态路由,Vue不会预渲染这些路由,每次加载时,加载的图像都会延迟500毫秒我的图像url存储在Vuex中,图像上载到公用的google drive文件夹中。
我想我应该用这样的东西:
let matched = router.resolve(work/workID).resolved.matched;
let route = matched[matched.length -1];
route.components.default.render;
但我的图像仍在加载。
希望有人知道这个问题;) 找到了解决方法。
我将我的动态路由道具声明为true,然后呈现并隐藏我的works页面中的所有动态组件。那很好用
我找不到使用router.resolve(path)方法将路由参数甚至道具传递给组件的方法。有人会知道怎么做的?找到了解决方法。
我将我的动态路由道具声明为true,然后呈现并隐藏我的works页面中的所有动态组件。那很好用
我找不到使用router.resolve(path)方法将路由参数甚至道具传递给组件的方法。有人会知道怎么做