关于使用 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()
		}
	})
相关推荐
xieliyu.4 小时前
Java算法精讲:双指针(二)
java·开发语言·算法
云水一下5 小时前
TypeScript 从零基础到精通(五):高级类型与泛型
前端·javascript·typescript
何以解忧,唯有..5 小时前
Python包管理工具pip:从入门到精通
开发语言·python·pip
雪的季节5 小时前
RabbitMQ详解
开发语言
云水一下5 小时前
TypeScript 从零基础到精通(六):类型声明与模块化
javascript·typescript
ice8130331816 小时前
【Python】Matplotlib折线图绘制
开发语言·python·matplotlib
三品吉他手会点灯6 小时前
C语言学习笔记 - 44.运算符和表达式 - 运算符2 - 除法与取余运算符
c语言·开发语言·笔记·算法
kkeeper~6 小时前
0基础C语言积跬步之动态内存管理
c语言·开发语言
橘右今6 小时前
2026 Java后端高频面试宝典
java·开发语言·面试
xiaofeichaichai6 小时前
Map / Set / WeakMap / WeakSet
前端·javascript