【问题标题】:Vue dynamic route prerenderVue 动态路由预渲染
【发布时间】:2020-11-24 16:48:20
【问题描述】:

我正在开发一个 Vue 项目,但遇到了问题。

当我在特定路线中时,我想预渲染一些动态路线。 在我的项目中,我有一个 /works 路由,它显示了几个项目的列表。每个物品 有一个路由链接发送到他的/work/workID 路由并呈现工作页面组件。由于这是一条动态路由,Vue 不会预渲染这些路由,并且每次加载时,我都会延迟 500 毫秒加载图像。

我的图片 url 存储在 Vuex 中,图片上传到公共 google 驱动器文件夹中。

我认为我应该使用类似的东西:

let matched = router.resolve(work/workID).resolved.matched;
let route = matched[matched.length -1];
route.components.default.render;

但我的图像仍在加载中。 希望有人知道这个问题;)

【问题讨论】:

    标签: javascript performance vue.js vue-router dynamic-routing


    【解决方案1】:

    找到了解决方法。 我将我的动态路由道具声明为 true,然后在我的作品页面中渲染和隐藏所有动态组件。效果很好。

    我找不到使用 router.resolve(path) 方法将路由参数甚至道具传递给组件的方法。有人会知道怎么做吗?

    【讨论】:

      猜你喜欢
      • 2019-02-21
      • 2022-12-03
      • 1970-01-01
      • 1970-01-01
      • 2019-02-06
      • 2021-09-30
      • 2021-11-14
      • 2021-05-20
      • 2014-12-14
      相关资源
      最近更新 更多