uniapp vue3 如何调用uni-popup组件的this.$refs.xxx.close()

uniapp vue3 如何调用uni-popup组件的this.$refs.xxx.close(),在uniapp使用vue3进行开发时，使用了uni-popup弹框，但是在对弹框进行操作的时候，发现调用`this.$refs.xxx.close()`报错`Cannot read property '$refs' of undefined`......

guoqing2016

8658人浏览 · 2022-07-08 10:05:51

guoqing2016 · 2022-07-08 10:05:51 发布

在uniapp使用vue3进行开发时，使用了uni-popup弹框，但是在对弹框进行操作的时候，发现调用this.$refs.xxx.close()报错Cannot read property '$refs' of undefined
解决方案如下

<template>
	<uni-popup ref="popupCoupon" type="bottom">
		xxx
	</uni-popup>
</template>
<script setup>
import { ref } from 'vue';
import uniPopup from '@/components/uni-popup/uni-popup.vue';
const popupCoupon = ref(null)
popupCoupon.value.open()
setTimeout(()=>{
	popupCoupon.value.close()
},1000)
</script>