关于使用 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()
		}
	})
相关推荐
BD_Marathon4 分钟前
设计模式——依赖倒转原则
java·开发语言·设计模式
火车叼位5 分钟前
脚本伪装:让 Python 与 Node.js 像原生 Shell 命令一样运行
运维·javascript·python
VT.馒头6 分钟前
【力扣】2727. 判断对象是否为空
javascript·数据结构·算法·leetcode·职场和发展
devmoon23 分钟前
在 Polkadot Runtime 中添加多个 Pallet 实例实战指南
java·开发语言·数据库·web3·区块链·波卡
Evand J26 分钟前
TDOA(到达时间差)的GDOP和CRLB计算的MATLAB例程,论文复现,附参考文献。GDOP:几何精度因子&CRLB:克拉美罗下界
开发语言·matlab·tdoa·crlb·gdop
野犬寒鸦27 分钟前
从零起步学习并发编程 || 第七章:ThreadLocal深层解析及常见问题解决方案
java·服务器·开发语言·jvm·后端·学习
云姜.30 分钟前
java抽象类和接口
java·开发语言
鱼毓屿御38 分钟前
如何给用户添加权限
前端·javascript·vue.js
xyq202440 分钟前
Pandas 安装指南
开发语言
JustHappy41 分钟前
「web extensions🛠️」有关浏览器扩展,开发前你需要知道一些......
前端·javascript·开源