uniapp 使用vue3写法,拿不到uni-popup的ref

场景:在之前都是可以正常运行的,今天突然发现编译成支付宝小程序, 下面代码获取不到弹窗的ref。后面又安装了uview-plus,使用它的弹窗也不行(编译成微信小程序不受影响)。

javascript 复制代码
<uni-popup ref="popup" >
	<text>Popup</text>
	<button @click="close">关闭</button>
</uni-popup>

const popup = ref()

使用popup.value.open('center') 控制条报错,popup.value 打印结果为空

Cannot read properties of undefined (reading 'open')

降低node和HBuilderX版本都试过了没有效果,最后新开了一个demo,发现又正常了,经排查是根目录生成了一个新文件【mini.project.json】。该文件主要配置支付宝小程序项目编译、开发等功能,一般情况下用不到

解决方案:

一:使用vue2的选项式API,通过this来调用

二:查看根目录有没有这个文件,删除mini.project.json即可

相关推荐
Hilaku10 小时前
为什么跳槽涨薪 30% 的时代彻底结束了?聊聊 2026 前端薪资的天花板
前端·javascript·程序员
愚公搬代码11 小时前
【愚公系列】《Web应用安全》006-HackBar插件的使用
前端·安全
超爱吃香菜的菜鸟11 小时前
关于pnpm 部分使用(一)
前端·vue.js
Vuji11 小时前
Pi 插件解剖|git-checkpoint.ts:只用 53 行,让 fork 恢复代码状态
前端·agent
大家的林语冰11 小时前
✌️ 让 Rust 再次伟大,pnpm 12 抛弃 TypeScript,移植 Rust 原地起飞!
前端·javascript·node.js
XPoet12 小时前
AI 编程工程化:实战——从 0 到 1 搭建 AI 编程工作流
前端·后端·ai编程
-今昭-13 小时前
Logstash 管理
java·服务器·前端
名字还没想好☜13 小时前
React 用自定义 useDebounce Hook 治好搜索框频繁请求:防抖、竞态取消与卸载清理
前端·javascript·react.js·react·hooks
杉氧13 小时前
Flutter 跨平台多端适配与 Android/iOS 一键自动化打包发布
android·前端·flutter
障碍的枫子13 小时前
xss和CSRF的攻击和防御
前端·xss·csrf