关于使用 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()
		}
	})
相关推荐
虾..几秒前
网络其他重要协议或技术
开发语言·网络·php
We་ct几秒前
React Diff & Key 核心解析
开发语言·前端·javascript·react.js·前端框架·reactjs·diff
2501_918126911 分钟前
学习所有python写浏览器的语句
开发语言·python·学习
哥本哈士奇2 分钟前
Vue 3 快速入门:从零搭建前后端 CRUD 应用
前端·javascript·vue.js
biubiubiu07062 分钟前
Agent 是如何拥有“手脚”的(ReAct 运行流程)
开发语言·前端·javascript
難釋懷3 分钟前
初识Lua
开发语言·junit·lua
佩奇大王3 分钟前
P159 摆动序列
java·开发语言·算法
Fate_I_C5 分钟前
Android现代开发:Kotlin&Jetpack
android·开发语言·kotlin·android jetpack
摸鱼的春哥6 分钟前
Agent教程21:知识图谱🕸,让AI🤖学会联想
前端·javascript·后端
SuperEugene6 分钟前
Vue3 组件拆分实战规范:页面 / 业务 / 基础组件边界清晰化,高内聚低耦合落地指南|Vue 组件与模板规范篇
前端·javascript·vue.js·前端框架