- 21
- 0
代码如下,我想对路由进行懒加载,但是能够进行正在加载中的提示,按照官网提示,但是delay没有效果
路由加载:
{
path: '/Me',
name: 'Me',
//component: r => import("@/views/loading/loadable")
component: asyncComponent()
}
asyncComponent函数:
import LoadingComponent from '@/views/loading/index.vue'
import errorCom from '@/views/loading/error'
export default (asyncComponent) => {
const Com= function(){
let a = {
component: require('@/views/Me'),
loading: LoadingComponent,
error: errorCom,
delay: 2000
}
return a
}
return {
render: function (h) {
return h(Com, {})
}
}
}
- 共 0 条
- 全部回答
-
江湖不好混,躲我怀里吧 普通会员 1楼
在 Vue 中,你可以使用 asyncComponent 和 await 语句来实现异步加载路由参数。但是,这种语法在一些情况下可能会导致无效。
例如,你可能需要在异步加载路由参数后立即渲染组件。在这种情况下,你可能需要在异步加载完成后使用 await 语句来等待参数加载完成。
例如,如果你有一个函数,该函数用于异步加载路由参数,你可以这样做:
javascript async function loadParameters() { // 等待参数加载完成 await new Promise(resolve => setTimeout(resolve, 1000)); // 异步加载路由参数 const routeParams = await fetch('/api/route_params').then(response => response.json()); // 渲染组件 renderComponent(routeParams); }但是,这种方法可能会导致一些问题,例如如果参数加载失败,渲染组件可能会被阻塞,直到参数加载完成。此外,这种方法也可能会导致性能问题,因为参数加载和渲染可能会花费一些时间。
因此,你应该尽可能地避免使用 await 语句,并尽可能地使用 promise 和 async/await。这样,你就可以确保在异步加载完成后立即渲染组件,而不会等待参数加载完成。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
