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即可

相关推荐
张一凡934 分钟前
easy-model 在任务管理应用中的实际应用
前端·react.js
专业流量卡5 分钟前
React useMemo 源码ai解析
前端
Tzarevich13 分钟前
深入理解Event Loop:从原理图到代码实战,小白也能看懂的 JS 执行机制
前端·javascript·面试
毛骗导演20 分钟前
发送一句「你好」,为什么花掉了几千个 Token?——深读 OpenClaw 的 Context 注入机制
前端·架构
工边页字21 分钟前
AI产品中的长期记忆和短期记忆是什么,你知道吗?
前端·人工智能·后端
HelloReader22 分钟前
Flutter 页面导航Navigator.push 与自适应导航模式(十四)
前端
小凡同志24 分钟前
那个复制粘贴了二十次 loading 的下午
前端·vue.js
HelloReader25 分钟前
Flutter 底层原理揭秘框架如何工作(十五)
前端
南篱26 分钟前
前端必看:一口气搞懂跨域是什么、为什么、怎么解决
前端·javascript·面试
qq_4061761426 分钟前
Vue 插槽与组件传参:从入门到精通
前端·javascript·vue.js