vue3对接微信登陆vue-wxlogin使用文档

最新推荐文章于 2025-02-27 19:56:38 发布

原创最新推荐文章于 2025-02-27 19:56:38 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

Vue 3.0 专栏收录该内容

101 篇文章

订阅专栏

文章介绍了如何在Vue项目中安装并使用vue-wxlogin组件进行微信登录的配置，包括通过npm安装为开发依赖，然后在代码中导入和使用该组件，以及设置相关参数如scope,appid,redirect_uri等。

安装

npm install vue-wxlogin --save-dev

引入

import wxlogin from 'vue-wxlogin';

使用

   <wxlogin scope="snsapi_login" appid="--" :redirect_uri="redirect_uri" state="2"
              href="data:text/css;base64,LmltcG93ZXJCb3ggLnRpdGxlIHsKIGRpc3BsYXk6IG5vbmU7Cn0KLmltcG93ZXJCb3ggLnN0YXR1cy5zdGF0dXNfYnJvd3NlciB7CiBkaXNwbGF5OiBub25lOwp9Ci5pbXBvd2VyQm94IC5xcmNvZGUgewogYm9yZGVyOiBub25lOwogd2lkdGg6IDIwMHB4OwogaGVpZ2h0OiAyMDBweDsKfQouaW1wb3dlckJveCAuc3RhdHVzewogZGlzcGxheTogbm9uZQp9Ci5wYW5lbENvbnRlbnQgLmluZm97CiBkaXNwbGF5OiBub25lCn0=">
            </wxlogin>