关于使用 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()
		}
	})
相关推荐
飞机和胖和黄4 分钟前
考研之C语言第二周作业
c语言·开发语言·考研
输出输入10 分钟前
MT4 EA 设计一次一单方法
开发语言
一起养小猫13 分钟前
OpenHarmony 实战中的 Flutter:深入理解 Widget 核心概念与底层原理
开发语言·flutter
盐真卿17 分钟前
python第四部分:模块(每日更新)
开发语言·python
猪八戒1.034 分钟前
L C D
开发语言·stm32
wjs202438 分钟前
NumPy 创建数组
开发语言
黎雁·泠崖40 分钟前
Java继承细节:子类继承父类成员的底层逻辑
java·开发语言
冷雨夜中漫步42 分钟前
Java中strip与trim()的区别
java·开发语言
xb11321 小时前
C#多线程编程入门概念
开发语言
froginwe111 小时前
PostgreSQL HAVING 子句详解
开发语言