关于使用 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()
		}
	})
相关推荐
“AI国潮设计-小江”27 分钟前
【AIGC实战】Python+SDXL打造“潮汕英歌舞IP”万能立牌插件,批量生成“发财元宝蛋糕”视觉营销方案(附源码)
开发语言·人工智能·python·prompt·aigc
lhbweilai1 小时前
分析FreeRTOS内核对象API的源码实现(八)
c语言·开发语言·stm32·单片机
努力努力再努力wz1 小时前
【C++高阶系列】C++20 协程底层原理:函数为什么能暂停?从状态机到 Task,彻底串起挂起、恢复与协程调度
开发语言·c++·c++20·1024程序员节
inksci1 小时前
在线编辑表格,功能强大,json互转
前端·javascript·html
咩咩啃树皮1 小时前
JavaScript 中 this 指向为什么总在变?
开发语言·前端·javascript
程序员清风1 小时前
算法题中的边界条件、测试与调试
开发语言·算法·kotlin
砚底藏山河1 小时前
python量化实操:冷热分层存储
java·开发语言·python·金融
十五年专注C++开发2 小时前
pybind11:一个跨C++和Python平台的编程库
开发语言·c++·python·pybind11
CodeYp20192 小时前
第11讲:stack 和 queue
开发语言·c++·queue·stack
咩咩啃树皮2 小时前
JavaScript 异步流程为什么容易失控?从回调到可维护设计
开发语言·javascript·ecmascript