5***@qq.com
5***@qq.com
  • 发布:2025-03-21 10:33
  • 更新:2025-03-27 10:00
  • 阅读:87

vue3 setup 中如何 使用uniui popup

分类:uni-app

vue3 setup 中如何 使用uniui popup?

setup 中无法使用thia,如何使用uniui popup

2025-03-21 10:33 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

和vue2相同都是用ref调用open显示弹框
示例代码

<template>  
    <view>  
        <button @tap="showPopup">显示popup</button>  
        <uni-popup ref="popupRef" type="center">  
            <view style="background-color: #FFFFFF;text-align: center;height: 200px;">  
                测试弹窗内容  
            </view>  
        </uni-popup>  
    </view>  
</template>  

<script setup>  
    import {  
        ref  
    } from 'vue';  
    const popupRef = ref(null)  
    const showPopup = () => {  
        popupRef.value.open()  
    }  
</script>
  • 恭喜n发财

    你好,请问为什么我之前ref命名用驼峰的形式 获取不到,全部用小写就没问题,也不记得之前是哪个端了,搞得我现在每次ref都用小写,好像是vue3的

    2025-03-21 17:55

  • 爱豆豆

    回复 恭喜n发财: 有复现demo吗?发出来我看看是不是项目问题

    2025-03-21 18:26

  • 恭喜n发财

    回复 爱豆豆: 哈哈,去年的,去年至今我全都用的小写,我后面也自己去调试调试

    2025-03-21 18:31

5***@qq.com

5***@qq.com (作者)

谢谢,可以了。

要回复问题请先登录注册