「Mpvue」获取微信小程序实现获取用户登录信息和openid

最新推荐文章于 2024-07-29 20:39:08 发布

陈野菜

最新推荐文章于 2024-07-29 20:39:08 发布

阅读量716

点赞数

分类专栏： Vue 文章标签：小程序 javascript 前端

本文链接：https://blog.csdn.net/weixin_43764030/article/details/106482732

版权

本文详细介绍了如何在Mpvue框架下，结合微信小程序API，获取用户的登录状态和openid，包括必要的授权流程及关键代码示例，为前端开发者提供了实现微信小程序用户身份验证的参考。

摘要由CSDN通过智能技术生成

在Mpvue中获取openid

<template>
    <div>
        <div class='up' v-if="true">...
        </div>
        <div v-if="isCeng" @touchmove.stop.prevent="touchmovehandle">
            <div class="modal-mask">
            </div>
            <div class="modal-dialog">
            <div class="modal-content">
                <img class="img" src="../../../static/icon/school.jpg">
                <div class="content-text">
                <p class="key-bold">欢迎来到--哈师大智行校园</p>
                <p class="key-bold">哈师大智行校园</p>
                <p class="little-tip">祝你有个愉快的体验：</p>
                <p class="little-content">
                    哈师大智行校园简介
                </p>
                <p class="little-content">
                    
                </p>
                </div>
            </div>	
                <button
                class="btn" open-type="getUserInfo"  @getuserinfo="getUserInfo">
                授权登录
            </button>
            </div>
        </div>
    </div>
</template>
<script>
const appId="wxe6e2ddc060fa2387" 
const secret="5cdc17198d139831e1e1011552deb43b"
export default {
   
    data() {
   
        return{
   
          userName:"",
          isCeng:true,