码迷,mamicode.com
首页 > 微信 > 详细

vuejs 项目引入微信jssdk

时间:2018-05-31 19:26:35      阅读:2214      评论:0      收藏:0      [点我收藏+]

标签:turn   func   exp   cat   使用   vuejs   product   obj   weixin   

一、导入依赖包
npm i -S weixin-js-sdk

二、前端页面使用

import wx from ‘weixin-js-sdk‘

export default {
  created() {
    let param = {
      debug: true,
      url: ‘http://localhost:8081/productgroups‘,
      jsApiList: [
        ‘chooseWXPay‘,
        ‘checkJsApi‘
      ]
    };
    wechatlib.queryJsConfig(param, (err, obj) => {
      if (err) {
        return this.$toast(err);
      }

      console.log(‘jsconfig ‘, obj);

      wx.config(obj);

      wx.ready(() => {
        console.log(‘wx.ready‘);
      });

      wx.error(function (res) {

        console.log(‘wx err‘, res);

        //可以更新签名
      });
    });
  }
}

三、wechatlib中获取jsconfig的方法

queryJsConfig(param, callback)
{
  networklib.post(‘/wechat/jsconfig‘, param).then(obj => {

    callback(null, obj);
  }).catch(err => {
    callback(err)
  });
}

vuejs 项目引入微信jssdk

标签:turn   func   exp   cat   使用   vuejs   product   obj   weixin   

原文地址:https://www.cnblogs.com/liangfengbo/p/9117730.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!