uniapp 微信小程序登录 新手专用 引入即可

预览

第一步导入插件

在引入的页面的登录按钮下拷贝一下代码

<template>
	<view class="content">
		<button type="primary" @click="login">微信登录</button>
	</view>
	<TC-WXlogin :wxlogin='wxlogin' />
</template>

<script setup>
	import {ref} from 'vue';
	import TCWXlogin from '/uni_modules/TC-WXlogin/pages/index.vue';
	// 定义空值
	const wxlogin = ref()
	// 微信登录
	function login(){
	wxlogin.value = 'true'
	}
</script>

第二步配置manifest.json

填写自己的AppID

第三步修改请求AppID和secret

第四步 就是这么简单 可以灵活使用

**

下载链接

点击下载...

提需求 问题反馈 联系作者 V:ANKR6699

有什么不足之处所以留言提出,我将更新和更改

可添加下方名片

相关推荐
丁总学Java1 小时前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
工业互联网专业3 小时前
毕业设计选题:基于ssm+vue+uniapp的校园水电费管理小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
说私域6 小时前
社群团购中的用户黏性价值:以开源小程序多商户AI智能名片商城源码为例
人工智能·小程序
以对_10 小时前
uview表单校验不生效问题
前端·uni-app
迷雾yx10 小时前
开发微信小程序 基础02
微信小程序·小程序
迷雾yx10 小时前
开发微信小程序 基础03
微信小程序·小程序
说私域11 小时前
地理定位营销与开源AI智能名片O2O商城小程序的融合与发展
人工智能·小程序
小雨cc5566ru21 小时前
uniapp+Android面向网络学习的时间管理工具软件 微信小程序
android·微信小程序·uni-app
二十雨辰1 天前
[uni-app]小兔鲜-04推荐+分类+详情
前端·javascript·uni-app
小雨cc5566ru1 天前
hbuilderx+uniapp+Android健身房管理系统 微信小程序z488g
android·微信小程序·uni-app