首先安装微信授权登录组件 vue-wxlogin
// 安装
npm install vue-wxlogin --save-dev
<wxlogin
:appid="app_id" // 应用唯一标识(前面认证网页应用中获得)
:scope="'snsapi_login'" // 应用授权作用域,拥有多个作用域用逗号(,)分隔,网页应用目前仅填写snsapi\_login即可
:theme="'black'" // 主题
:redirect_uri="url" // 回调地址
:state="" // 传给后台的数据
>
</wxlogin>
<script>
import wxlogin from 'vue-wxlogin' // 组件中引入
export default {
components: { wxlogin }
}
</script>