- 为了提升用户体验,vue的路由需要进行改造(当界面切换时,使用webview新建窗口来替代vue的重新渲染)
- 当用户操作返回时,触发webview关闭,这样有利于保留窗口操作的最终状态
- 当用户从一个界面返回到上一层界面时,如需要更新当前界面的内容,通过关才窗口时的回调触发一个自定义的方法来完成
- 在beforeEach中监听到用户切换路由,判断是否在APP环境中,脚本如下
if (typeof (plus) !== 'undefined') { var plusUrl = plus.webview.currentWebview().getURL() plusUrl = plusUrl.split('#')[0] + '#' + to.fullPath plus.webview.create(plusUrl, plusUrl)//窗口只创建出来,没有显示的 plus.nativeUI.showWaiting('加载中....') return false }
- 在index.html中增加如下脚本,使窗口在加载完资源后显示新的窗口
if(!plus.webview.currentWebview().isVisible()){ window.onload = function(){ plus.webview.currentWebview().show('pop-in',200,function(){ // 窗口显示动画完成 plus.nativeUI.closeWaiting(); }) } }
文档更新时间: 2019-09-23 09:56 作者:吴俊源