vue 项目引入微信jssdk

最新推荐文章于 2025-07-23 11:52:31 发布

一波万波

最新推荐文章于 2025-07-23 11:52:31 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： vuejs wechat 文章标签： vuejs ssdk

本文链接：https://blog.youkuaiyun.com/yibowanbo/article/details/80233073

本文详细介绍了如何在Vue项目中引入并使用微信JSSDK，包括导入依赖包、前端页面的配置以及在wechatlib中获取jsconfig的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、导入依赖包

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((