关于使用 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()
		}
	})
相关推荐
程序员大澈5 分钟前
3个 Vue Scoped 的核心原理
javascript·vue.js
人民广场吃泡面6 分钟前
UniApp 运行的微信小程序如何进行深度优化
微信小程序·小程序·uni-app
五行星辰8 分钟前
Java链接redis
java·开发语言·redis
hyyyyy!8 分钟前
《原型链的故事:JavaScript 对象模型的秘密》
javascript·原型模式
邪恶的贝利亚9 分钟前
C++之序列容器(vector,list,dueqe)
开发语言·c++
原来是猿9 分钟前
蓝桥备赛(13)- 链表和 list(上)
开发语言·数据结构·c++·算法·链表·list
异常驯兽师11 分钟前
Java集合框架深度解析:List、Set与Map的核心区别与应用指南
java·开发语言·list
程序员大澈18 分钟前
3个好玩且免费的api接口
javascript·vue.js
程序员大澈1 小时前
4个 Vue 路由实现的过程
javascript·vue.js·uni-app
几度泥的菜花1 小时前
如何禁用移动端页面的多点触控和手势缩放
前端·javascript