• 为了提升用户体验,vue的路由需要进行改造(当界面切换时,使用webview新建窗口来替代vue的重新渲染)
  • 当用户操作返回时,触发webview关闭,这样有利于保留窗口操作的最终状态
  • 当用户从一个界面返回到上一层界面时,如需要更新当前界面的内容,通过关才窗口时的回调触发一个自定义的方法来完成
  1. 在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
    }
  2. 在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   作者:吴俊源