先看看网上的写法：
<template>
<view>
<uni-popup ref="popupCoupon" type="bottom">
xxx
</uni-popup>
</view>
</template>
<script setup>
import { ref } from 'vue';
const popupCoupon = ref(null);
console.log(popupCoupon);
popupCoupon.value.open()
setTimeout(()=>{
popupCoupon.value.close()
},1000)
</script>但是不行，一直提示 ‘TypeError: Cannot read property 'open' of null’
调用时机不对，需要补一下vue的基础知识：
ref
正确用法：
<template>
<view>
<uni-popup ref="popupCoupon" type="bottom">
xxx
</uni-popup>
</view>
</template>
<script setup>
import { ref } from 'vue';
import { onReady} from '@dcloudio/uni-app'
const popupCoupon = ref();
onReady(()=>{
console.log(popupCoupon.value)
popupCoupon.value.open()
})
</script>
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
HRK_01
看我楼下回复
2024-02-27 19:46