关于使用 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()
		}
	})
相关推荐
瓜瓜怪兽亚1 小时前
前端基础知识---Ajax
前端·javascript·ajax
有时间要学习1 小时前
Qt——窗口
开发语言·qt
AI智能研究院1 小时前
(四)从零学 React Props:数据传递 + 实战案例 + 避坑指南
前端·javascript·react.js
qq7798233401 小时前
React组件完全指南
前端·javascript·react.js
EndingCoder1 小时前
MongoDB基础与Mongoose ODM
服务器·javascript·数据库·mongodb·中间件·node.js
消失的旧时光-19432 小时前
@JvmStatic 的作用
java·开发语言·kotlin
skywalk81632 小时前
基于频域的数字盲水印blind-watermark
linux·开发语言·python
qq7798233402 小时前
React Hooks完全指南
前端·javascript·react.js
Moment2 小时前
性能狂飙!Next.js 16 重磅发布:Turbopack 稳定、编译提速 10 倍!🚀🚀🚀
前端·javascript·后端
Tiger_shl2 小时前
三大并发集合ConcurrentDictionary、ConcurrentBag、ConcurrentQueue
开发语言·c#