uniapp开发微信小程序授权登录实现

login.vue

两个button是因为需要再点击登录时判断用户是否点击了授权按钮，若点击则使用第二个弹出手机号授权框，若未授权需要使用第一个提醒用户勾选授权按钮

<button class="login-btn" v-if="!agree" @click="wxLogin">一键登录</button>
<button class="login-btn" open-type="getPhoneNumber" @getphonenumber="wxPhonenumber"v-if="agree">一键登录</button>

script

<script>
	import {
		mapMutations,
		mapState
	} from "vuex"
    // 接口调用
	import {
		loginWxChat
	} from '@/helpers/login.js'
	// 手机号解密
	import WXBizDataCrypt from "@/helpers/WXBizDataCrypt.js" // 需要引入
	export default {
		data() {
			return {
				userInfo: '',
				wxUserInfo: "",
				agree: false,
				iphoneInfo: {
					appId: '', //你的小程序的appid
					session_key: '', 
					encryptedData: '',
					iv: '&#