关于使用 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()
		}
	})
相关推荐
傻童:CPU10 分钟前
C#中如何阻止硬件休眠
开发语言·单片机·c#
oioihoii29 分钟前
深入理解C++11 std::iota:从原理到实践
开发语言·c++
霖0037 分钟前
C++学习笔记五
开发语言·c++·笔记·学习·青少年编程·个人开发
hello 早上好1 小时前
MyBatis 核心知识点、插件
java·开发语言·mybatis
飞天荧光棒1 小时前
Wiz笔记二次开发
开发语言·笔记·python·个人开发
DONG9131 小时前
Python 函数:从“是什么”到“怎么用”的完整指南
开发语言·windows·python·青少年编程·pycharm
BlueBirdssh2 小时前
wpa_supplicant-2.11/src/drivers/driver_nl80211_scan.c
linux·开发语言
独立开阀者_FwtCoder2 小时前
2025年每个开发者都必须知道的100多个JavaScript术语(附示例)
前端·javascript·vue.js
3Katrina2 小时前
React大厂面试问答系列之Hooks
前端·javascript·面试
LuckySusu2 小时前
【js篇】JavaScript 中的包装类型详解var、let、const 的区别详解
前端·javascript