vueH5页面使用微信的js-sdk实现扫一扫功能

最新推荐文章于 2023-09-01 17:30:13 发布

allen_csdns

最新推荐文章于 2023-09-01 17:30:13 发布

阅读量1.9k

点赞数

文章标签： vueH5页面使用微信的js-sdk实现扫一扫功能

本文链接：https://blog.csdn.net/allen_csdns/article/details/103278986

版权

Vue引入微信的sdk和jquery需要做：

1、引入微信sdk：安装依赖 npm i -S weixin-js-sdk
2、引入 import wx from ‘weixin-js-sdk’
3、引入jquery

<template>
    <div class="login_div">
        <mt-button id="wxsys" type="primary" v-on:click="sys_click()">扫一扫</mt-button>
    </div>
</template>
<script>
import wx from 'weixin-js-sdk'
import $ from 'jquery'
export default {
    data(){
        return {
        }
    },
methods : {
    sys_click : function()
    {
   	 //这里【url参数一定是去参的本网址】，请求后端接口换取signature
  	 // 我的代码是这样写的:(兼容安卓和ios)
   	 let url = '';
      let ua = navigator.userAgent.toLowerCase();
      if (/iphone|ipad|ipod/.test(ua)) {
        this.newUrl = window.location.href.split('#')[0];
      }else if(/android/.test(ua)){
        this.newUrl = window.location.href;
      }
    $.get("获取微