关于使用 uniapp Vue3 开发分享页面 语法糖 setup 开发获取ref踩坑

上代码

前端代码

html 复制代码
	<!-- 分享弹出 -->
<uni-popup  ref="share" type="share" safeArea backgroundColor="#fff">
	<uni-popup-share></uni-popup-share>
</uni-popup>

处理函数

js 复制代码
	import {
		onNavigationBarButtonTap
	} from '@dcloudio/uni-app';
// 获取 dom 元素
	const share = ref(null);

	// 分享事件触发
	onNavigationBarButtonTap((e) => {
		console.log(e);
		if (e.index == 1) {
			isShare.value = true;
			share.value.open()
		}
	})
相关推荐
我滴老baby13 分钟前
工具调用全景解析从Function Calling到MCP协议的完整实践
开发语言·人工智能·python·架构·fastapi
小李子呢021113 分钟前
前端八股JS---Map / Set / WeakMap / WeakSet
开发语言·前端·javascript
feifeigo12315 分钟前
自适应大邻域搜索(ALNS)算法的MATLAB 实现
开发语言·算法·matlab
冴羽21 分钟前
3 招让你的 Shadcn 出海应用性能提升 40 倍
前端·javascript·next.js
沐知全栈开发25 分钟前
API 类别 - 实用工具
开发语言
Cx330❀31 分钟前
Qt 入门指南:从零搭建开发环境到第一个图形界面程序
xml·大数据·开发语言·网络·c++·人工智能·qt
SilentSamsara32 分钟前
装饰器基础:从闭包到装饰器的自然演变
开发语言·前端·vscode·python·青少年编程·pycharm
今天长肉了吗1 小时前
风控指标平台实战:大数据量下如何设计分批处理
开发语言·数据库·python
ch.ju1 小时前
Java programming(The third edition) Chapter Two——Null return value
java·开发语言
折哥的程序人生 · 物流技术专研2 小时前
第3篇:为何要配置环境变量?
java·开发语言·后端·面试