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

相关推荐
爱上好庆祝19 小时前
学习js的第2天
前端·css·学习·html·css3
Csvn19 小时前
SEO 优化
前端
天外飞雨道沧桑19 小时前
详解CSS中的Containing Block:概念、规则与实战解析
前端·css
彩票管理中心秘书长19 小时前
Git 图形化交互工具大全:从官方 GUI 到高级扩展
前端
ID_1800790547319 小时前
Python 实现京东商品详情 API 数据准确性校验(极简可直接用)
java·前端·python
前端那点事19 小时前
Vue生命周期速查:Vue2+Vue3钩子全解析,新手也能秒懂
前端·vue.js
陆枫Larry19 小时前
横向滚动列表紧贴屏幕边缘问题:原理分析与解决方案
前端
JuliusDeng19 小时前
02. 环境搭建
前端
练习时长一年20 小时前
@NotEmpty注解引发的报错
java·服务器·前端
郝学胜-神的一滴20 小时前
[力扣 227] 双栈妙解表达式计算:从思维逻辑到C++实战,吃透反向波兰式底层原理
java·前端·数据结构·c++·算法