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

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

可添加下方名片

相关推荐
2601_953720824 小时前
【计算机毕业设计】基于微信小程序的拼车服务系统设计与实现
微信小程序·小程序·课程设计
乐启国际旅行社有限公司5 小时前
文旅小程序性能优化:分包加载+地图视口懒加载解决景区卡顿与包超限
性能优化·小程序
FungLeo5 小时前
Taro 4 微信小程序:RootPortal CSS 变量继承问题与自建 PagePortal 解决方案
微信小程序·taro·css 变量
万岳科技系统开发17 小时前
校园跑腿外卖搭建助力高校周边商家拓展线上业务
大数据·人工智能·小程序
微三云 - 廖会灵 (私域系统开发)1 天前
消费返物业费平台搭建:美家时代商业模式拆解与系统开发选型指南
小程序·系统架构
greenbbLV1 天前
中小公司积分商城选型:SaaS与私有化方案对比解析
大数据·前端·小程序
结网的兔子2 天前
【前端开发】Web端迁移至 uni-app 及鸿蒙扩展方案对比
前端·uni-app·harmonyos
2501_915909062 天前
iOS 应用反调试技详解术 检测调试器的原理与防护实践
android·ios·小程序·https·uni-app·iphone·webview
AI多Agent协作实战派2 天前
AI多Agent协作系统实战(二十八):顶栏统一战争——从1个页面异常到31个页面全量对齐
数据库·人工智能·uni-app
00后程序员张2 天前
iOS加固技术路线全面解析:Bitcode模式、源码模式与汇编模式对比及爱加密优势
android·汇编·ios·小程序·uni-app·cocoa·iphone