Web开发

首页 » 常识 » 问答 » uniappwebview加载H5,手机
TUhjnbcbe - 2023/8/15 21:47:00
北京哪个医院治疗白癜风效果好 https://yyk.39.net/hospital/89ac7_knowledges.html

加webview的vue相关处写如下加红代码

script

constfacebook=uni.requireNativePlugin(sn-facebook);

varwv;//计划创建的webview

exportdefault{

  data(){

    return{

      canBack:false

    };

  },

  onLoad(){},

  onBackPress(){

    if(wvthis.canBack){

      wv.back();

      returntrue;

    }

    returnfalse;

  },

  onReady(){

    //#ifdefAPP-PLUS

    varself=this;

    varcurrentWebview=this.$scope.$getAppWebview();//此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效,非v3编译模式使用this.$mp.page.$getAppWebview()

    setTimeout(function(){

      wv=currentWebview.children()[0];

      wv.addEventListener(

        progressChanged,

        function(e){

          wv.canBack(function(e){

            self.canBack=e.canBack;

          });

        },

        false

      );

    },);//如果是页面初始化调用时,需要延时一下

    //#endif

  },

  methods:{

    onMessage({detail}){

      constdata=detail.data[0];

      console.log(onMessage,data);

      if(data.action==login){

        //登录:自定义参数

        facebook.loginWithParams(

          {

            permissions:[

              //权限,更多权限请看

1
查看完整版本: uniappwebview加载H5,手机