vue3 setup语法糖获取$refs dome元素,使用属性方法

父组件


import { getCurrentInstance } from '@vue/runtime-core';
const { proxy } = getCurrentInstance()
proxy.$refs.uploadImg.handleRemove()

子组件

const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
    // 删除图片
    imgdata.value = ''
    imageUrl.value = ''
    emit('imgurlEmit', imgdata.value)
}

defineExpose({ //必须暴露出来你想用的属性方法
    handleRemove
})

你可能感兴趣的:(vue.js,javascript,前端,vue)