vue3 动态组件的ref如何获取vue3.0 组件ref获取的不同方式 1. 正常组件ref获取方式。 2. 动态组件

正常组件ref获取方式

    <template>
        <component-a ref="componentRef"></component-a>
    </template>

export default defineComponent({
    setup() {
        const componentRef = ref()
        return {
            componentRef
        }
    }
})

动态组件ref获取方式

    <template>
        <component is="componentA" :ref="setComponentRef"></component-a>
    </template>

export default defineComponent({
    setup() {
        const componentRef = ref();
        const setComponentRef = (el) => {
            componentRef.value = el;
        }
        return {
            compenentRef,
            setComponentRef,
        }
    }
})