vue判断是否为微信浏览器和微信js-sdk的使用方法

直接上代码

 let that = this;
      var ua = navigator.userAgent.toLowerCase(); //判断是否是微信浏览器
      var isWeixin = ua.indexOf("micromessenger") != -1; //判断是否
      if (!isWeixin) {
        Toast("请在微信浏览器中打开");
        return false;
      }

jsdk使用方法 vue获取支付为例 首相安装js-sdf

1.npm install weixin-jsapi

2.在页面中引入 import wx from "weixin-jsapi";

  wx.config({
        debug: false, //这里一般在测试阶段先用ture，等打包给后台的时候就改回false,
        appId:'' ,
        timestamp: '',
        nonceStr:'' ,
        signature:'' ,
        jsApiList: ["chooseWXPay"],
      });
      wx.ready(() => {
        wx.chooseWXPay({
          timestamp: '', // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
          nonceStr: '', // 支付签名随机串，不长于 32 位
          package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
          signType: "MD5", // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
          paySign: '', // 支付签名
          success: function (res) {
            Toast.success("支付成功");
            that.$router.push("router");
          },
          cancel: function (res) {
            alert("已取消支付");
          },
        });
      });