PHPEMS

前端开发 返回

• uniapp中webview支持history.back的方法

  • 发布人：peadmin

• <template>  
    <view></view>  
  </template>  
  
  <script>  
    export default {  
      data () {  
          return {  
              wv: null
          }  
      },  
      onLoad() {
          // #ifdef APP-PLUS  
          const url = '网址';
          const wv = plus.webview.create("", "custom-webview", {  
              plusrequire: "none", //禁止远程网页使用plus的API，  
              'uni-app': 'none', //不加载uni-app渲染层框架  
          })
          wv.loadURL(url);
          const currentWebview = this.$scope.$getAppWebview();  
          currentWebview.append(wv);   
          this.wv = wv  
          // #endif  
      },  
      onBackPress() {  
          var _this = this;
          _this.wv.canBack(function(e){
              console.log(e);
              if(e.canBack)
              {
                  _this.wv.back()
              }
              else
              {
                  uni.showModal({
                      'title':'确定要退出应用吗？',
                      success:function(e){
                          if(e.confirm)
                          {
                              plus.runtime.quit();                            
                          }
                      }                    
                  })
              }
          })
          return true;
      },  
      onNavigationBarButtonTap (e) {  
          uni.navigateBack()  
      }  
    }  
  </script>
  

• 2022-01-09