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

news/2024/7/20 3:44:27 标签: uni-app, 微信小程序, 小程序

预览

在这里插入图片描述

第一步导入插件

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

<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

有什么不足之处所以留言提出,我将更新和更改
可添加下方名片


http://www.niftyadmin.cn/n/5195293.html

相关文章

论文阅读——DiffusionDet

在目标检测上使用扩散模型 前向过程&#xff1a;真实框-->随机框 后向过程&#xff1a;随机框-->真实框 前向过程&#xff1a; 一般一张图片真实框的数目不同&#xff0c;填补到同一的N个框&#xff0c;填补方法可以是重复真实框&#xff0c;填补和图片大小一样的框&a…

【Python】实现一个简单的区块链系统

本文章利用 Python 实现一个简单的功能较为完善的区块链系统&#xff08;包括区块链结构、账户、钱包、转账&#xff09;&#xff0c;采用的共识机制是 POW。 一、区块与区块链结构 Block.py import hashlib from datetime import datetimeclass Block:"""区…

Spring cloud - Hystrix服务限流、熔断及降级

Hystrix的作用 Hystrix的主要作用是在微服务环境下防止服务雪崩&#xff0c;确保服务弹性及可用性。 具体来说&#xff0c;Hystrix可以实现&#xff1a; 服务降级&#xff1a;通过fallback实现服务不可达情况下的服务降级作用。熔断&#xff1a;服务不可达的情况下在设定时间…

电子学会2023年6月青少年软件编程(图形化)等级考试试卷(三级)真题,含答案解析

青少年软件编程(图形化)等级考试试卷(三级) 一、单选题(共25题,共50分) 1. 关于变量,下列描述错误的是?( ) A. 只能建一个变量

spring boot + feign + Hystrix 整合 (亲测有效)

spring boot feign Hystrix 整合&#xff0c;步骤如下&#xff1a; pom依赖 <dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-openfeign</artifactId><version>3.0.6</version> <…

Activiti数据库结构

文章目录 1. act_re_deployment &#xff1a;流程部署表2. act_re_procdef&#xff1a;流程定义表3. act_procdef_info&#xff1a;流程定义信息表4. act_re_model&#xff1a;流程模型表5. act_ge_bytearray&#xff1a;二进制资源表6. act_ge_property&#xff1a;引擎属性表…

Linux系统上导出和导入MongoDB数据库

在Linux系统上&#xff0c;你可以使用mongodump和mongorestore命令来导出和导入MongoDB数据库。以下是简要的步骤&#xff1a; 导出MongoDB数据库 使用mongodump命令来导出数据库&#xff0c;该命令将数据库的数据和索引以二进制形式存储在指定的目录中。 mongodump --db yo…

[ATC复盘] abc329 20231118

[ATC复盘] abc329 20231118 总结A - Spread1. 题目描述2. 思路分析3. 代码实现 B - Next1. 题目描述2. 思路分析-3. 代码实现 C - Count xxx1. 题目描述2. 思路分析3. 代码实现 D - Election Quick Report2. 思路分析3. 代码实现 E - Stamp2. 思路分析3. 代码实现 F - Colored…