Skip to content

页面中局部组件加载失败了怎么重新加载 #8524

@lanxuebao

Description

@lanxuebao

Version

2.5.17-beta.0

Reproduction link

http://www.baidu.com

Steps to reproduce

vue官网有段代码是关于异步组件的,代码如下:

const AsyncComponent = (path) => ({
// 需要加载的组件 (应该是一个 Promise 对象)
component: import(@/${path}),
// 异步组件加载时使用的组件
loading: Loading,
// 加载失败时使用的组件
error: LoadingError,
// 展示加载时组件的延时时间。默认值是 200 (毫秒)
delay: 200,
// 如果提供了超时时间且组件加载也超时了,
// 则使用加载失败时使用的组件。默认值是:Infinity
timeout: 1000
});

请问页面如果局部组件加载失败了,怎么重新重新加载局部组件?
应用场景:在听歌曲时,可以给歌曲评论,查看评论列表。如果组件加载失败了,怎么能重新加载局部组件?而不是通过刷新整个页面达到目的?如果刷新整个页面则会造成歌曲重播,这个是不符合业务场景的。

What is expected?

想知道页面局部组件怎么重新加载或者重新创建渲染

What is actually happening?

页面局部组件加载失败后怎么重试加载局部组件?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions