关于使用 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()
		}
	})
相关推荐
leiming61 天前
C++ 02 函数模板案例
开发语言·c++·算法
weixin_421585011 天前
PYTHON 迭代器1 - PEP-255
开发语言·python
半山烟雨半山青1 天前
微信内容emoji表情包编辑器 + vue3 + ts + WrchatEmogi Editor
前端·javascript·vue.js
码途潇潇1 天前
Vue 事件机制全面解析:原生事件、自定义事件与 DOM 冒泡完全讲透
前端·javascript
小新1101 天前
vs2022+Qt插件初体验,创建带 UI 界面的 Qt 项目
开发语言·qt·ui
摘星编程1 天前
Ascend C编程语言详解:打造高效AI算子的利器
c语言·开发语言·人工智能
_Kayo_1 天前
TypeScript 学习笔记2
前端·javascript·typescript
雨中飘荡的记忆1 天前
Java面向对象编程详解
java·开发语言
前端 贾公子1 天前
Eruda:移动端网页调试利器
前端·javascript·vue.js
Hashan1 天前
Elpis:抽离业务代码,发布NPM包
前端·javascript·vue.js