关于使用 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()
		}
	})
相关推荐
Live0000012 分钟前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
柳杉13 分钟前
使用Ai从零开发智慧水利态势感知大屏(开源)
前端·javascript·数据可视化
球球pick小樱花39 分钟前
游戏官网前端工具库:海内外案例解析
前端·javascript·css
喝水的长颈鹿1 小时前
【大白话前端 02】网页从解析到绘制的全流程
前端·javascript
用户14536981458781 小时前
VersionCheck.js - 让前端版本更新变得简单优雅
前端·javascript
codingWhat1 小时前
整理「祖传」代码,就是在开发脚手架?
前端·javascript·node.js
码路飞1 小时前
写了个 AI 聊天页面,被 5 种流式格式折腾了一整天 😭
javascript·python
Lee川1 小时前
优雅进化的JavaScript:从ES6+新特性看现代前端开发范式
javascript·面试
Mr_li1 小时前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
颜酱2 小时前
单调队列:滑动窗口极值问题的最优解(通用模板版)
javascript·后端·算法