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

相关推荐
Amos_Web10 分钟前
Markdonw语法
开发语言·前端·javascript
小万74211 分钟前
刚发布就冲上GitHub热榜!Filee支持244种格式转换,完全免费还全本机运行
前端
星光不问赶路人13 分钟前
Vue 3 对象监听与快照:ref 和 reactive 的关键差异
前端·vue.js
世界一刘先生13 分钟前
不引入 JSZip,自己写一个 ZIP 打包器:CRC32、中央目录与 UTF-8 文件名
前端
全栈项目管理程序猿13 分钟前
ArcGIS JS 基础教程(34):体元系列 - 等值面 VoxelIsosurface
前端·javascript
代码搬运媛15 分钟前
如何使用 @codemirror/view 库创建一个简单的代码编辑器
前端
huali17 分钟前
草稿该存在哪:per-session 是怎么成为共识的
前端·产品经理·产品
IPIPD19 分钟前
Proxifier规则为什么没有生效?从连接日志定位规则命中与DNS路径
前端
baiyunfan20 分钟前
微信小程序做 PDA 扫码出入库:库存并发控制与 4 个坑
前端
ZoeLandia20 分钟前
React6:组件通信
前端·react.js·typescript