在vue2中使用weixin-js-sdk的详细步骤

npm install weixin-js-sdk --save

// 在需要使用的组件中
import wx from 'weixin-js-sdk';

export default {
  mounted() {
    this.initJSSDK();
  },
  methods: {
    initJSSDK() {
      // 调用后端接口获取配置信息
      this.$http.get('/api/jssdk').then(response => {
        const data = response.data;
        wx.config({
          debug: false, // 开启调试模式
          appId: data.appId, // 必填，公众号的唯一标识
          timestamp: data.timestamp, // 必填，生成签名的时间戳
          nonceStr: data.nonceStr, // 必填，生成签名的随机串
          signature: data.signature, // 必填，签名
          jsApiList: ['chooseImage', 'uploadImage', 'downloadImage'] // 必填，需要使用的JS接口列表
        });

        wx.ready(function() {
          // JS SDK准备就绪，可以调用API执行相关功能
          console.log('JSSDK ready');
        });

        wx.error(function(res) {
          // 处理错误情况
          console.log('JSSDK error:', res);
        });
      }).catch(error => {
        console.error('JSSDK init error:', error);
      });
    }
  }
};