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

相关推荐
tryCbest4 小时前
Vue3——第 6 篇:事件处理与表单绑定——v-on 与 v-model
前端·javascript·vue.js
恋猫de小郭4 小时前
Flutter 的文字为什么比 SwiftUI 更细?问题主要在 Skia 的 256 项查找表里
android·前端·flutter
lexiangqicheng4 小时前
前端高阶面试核心通关指南:深入解析Vue3与React18底层原理及性能优化
前端·面试·性能优化
怕浪猫4 小时前
前端对接聊天 API:我用 React 做了一个比 ChatGPT 还好看的界面
前端·后端·面试
程序员小孔.4 小时前
基于 Spring Cloud + Vue 的 JEEWMS 开源仓储管理平台设计与实现
前端·javascript·vue.js·spring boot·spring cloud·开源
IT_陈寒4 小时前
深入理解Python:核心原理与最佳实践
前端·人工智能·后端
我喜欢就喜欢5 小时前
Chrome 插件开发实战指南
前端·chrome
夕阳_醉了5 小时前
花了一天的时间,地板式扫盲了vue3所有API盲点
前端·javascript·vue.js
LinDaiuuj5 小时前
Figma Specs 高效交付与开发协作指南
前端·figma
梦曦i5 小时前
Taro vs uni-app:技术路线与选型真相
uni-app·taro