uni- app 怎么先给一个加载中再显示页面
1个回答
展开全部
预加载页面,是一种性能优化技术。被预载的页面,在打开时速度更快。
属性 类型 必填 说明
url string 是 预加载页面url
complete Function 否 预加载成功完成回调
fail Function 否 预加载失败回调
H5 平台
预加载 /pages/test/test 对应的js文件,不执行页面预渲染逻辑
uni.preloadPage({url: "/pages/test/test"});
App-nvue 平台
预加载nvue页面 /pages/test/test
uni.preloadPage({url: "/pages/test/test"});
注意事项
App平台仅支持预加载 nvue 页面,执行页面预渲染,预载时触发生命周期 onLoad,onReady,不触发 onShow
打开新页面时,url 完全相同(包含参数)时,优先使用预加载页面,触发生命周期 onShow
tabbar页面,仅支持预加载尚未显示过的页面,否者返回 fail,提示 already exists
同一时间,相同 url 仅 preloadPage 一次
当同一个预载页面已被打开(在路由栈),再次打开相同url时,不再使用该预加载页面,而是打开新的非预载页面
uni.reLanuch, uni.switchTab, uni.navigateBack(含Android返回键) 切换页面时,预加载页面不会被销毁,仅触发生命周期 onHide
在预载页面使用 uni.redirectTo 时,预加载页面会被销毁,触发生命周期 onUnload
属性 类型 必填 说明
url string 是 预加载页面url
complete Function 否 预加载成功完成回调
fail Function 否 预加载失败回调
H5 平台
预加载 /pages/test/test 对应的js文件,不执行页面预渲染逻辑
uni.preloadPage({url: "/pages/test/test"});
App-nvue 平台
预加载nvue页面 /pages/test/test
uni.preloadPage({url: "/pages/test/test"});
注意事项
App平台仅支持预加载 nvue 页面,执行页面预渲染,预载时触发生命周期 onLoad,onReady,不触发 onShow
打开新页面时,url 完全相同(包含参数)时,优先使用预加载页面,触发生命周期 onShow
tabbar页面,仅支持预加载尚未显示过的页面,否者返回 fail,提示 already exists
同一时间,相同 url 仅 preloadPage 一次
当同一个预载页面已被打开(在路由栈),再次打开相同url时,不再使用该预加载页面,而是打开新的非预载页面
uni.reLanuch, uni.switchTab, uni.navigateBack(含Android返回键) 切换页面时,预加载页面不会被销毁,仅触发生命周期 onHide
在预载页面使用 uni.redirectTo 时,预加载页面会被销毁,触发生命周期 onUnload
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询