在vue3项目的setup中如何使用$refs调用方法

分类：uni-app

            <uni-popup ref="sharePopup">  
                <view>  
                ……  
                </view>  
            </uni-popup>


let sharePopup = ref(null)  
onMounted(() => {  
    // DOM 元素将在初始渲染后分配给 ref  
    console.log(sharePopup) // <div>This is a root element</div>  
})  
function showShare() {  
    sharePopup.value.open("center")  
}  
return {  
    sharePopup  
}

试过这样写，编译成H5后可以正常运行，但是在微信小程序里还是会报null

2021-10-18 15:21 负责人:无分享

1 个回复

生涯现役 (作者)

解决了

    import {  
        getCurrentInstance  
    } from "vue";  

  setup() {  
    const {proxy} = getCurrentInstance()  
    function showShare() {    
        proxy.$refs.sharePopup.open("center")    
    }    
}

该问题目前已经被锁定, 无法添加新回复

在vue3项目的setup中如何使用$refs调用方法

1 个回复

公告

相关问题

在vue3项目的setup中如何使用$refs调用方法

与内容相关的链接

1 个回复

公告

相关问题