vue异步加载组件问题
const AsyncComponent = () => ({
// 需要加载的组件 (应该是一个 Promise
对象)
component: import('./MyComponent.vue'),
// 异步组件加载时使用的组件
loading: LoadingComponent,
// 加载失败时使用的组件
error: ErrorComponent,
// 展示加载时组件的延时时间。默认值是 200 (毫秒)
delay: 200,
// 如果提供了超时时间且组件加载也超时了,
// 则使用加载失败时使用的组件。默认值是:Infinity
timeout: 3000
})
按照官网这个,我如何才能显示出ErrorComponent,ErrorComponent这个我已经定义出来了。。
我直接修改import('./MyComponent.vue')的路径名
就会变成如图所示,这时候ErrorComponent倒是加载了。。
我怎么才能模拟加载失败,,
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论