Как передать ref как prop: [Vue warn]: Неверный prop: сбой проверки типа для prop "containerRef". Ожидаемый объект, получил HTMLDivElement?

Question

У меня есть этот шаблон в родительском компоненте:

<template>
    <div>
        <div 
            contenteditable
            ref="editorContainer"
        ><editor-content :container-ref="$refs.editorContainer" /></div>
    </div>
</template>

У меня есть это объявление реквизита в компоненте "editor-content":

props: {
    //...
    containerRef: {
        type: Object,
    }

},

, но я получаю это предупреждение:

[Vue warn]: недопустимая проп: проверка типа не выполнена для проп «containerRef». Ожидаемый объект, получил HTMLDivElement

Каким должен быть тип ссылки, передаваемой в качестве опоры?

Answer 1

Чтобы разрешить только <div> элементы, используйте тип HTMLDivElement.

Чтобы разрешить любой элемент, введите HTMLElement.

Чтобы разрешить что-либо, установите тип null или undefined (таким образом, линтер не выдаст предупреждение).