Как использовать объект VNodeRef?

Question

[Goodie128]

Имеется массив элементов, созданный через v-for.

<p
      class="infinite-scroll__item"
      v-for="(post, index) in showedPosts"
      :key="index"
      :ref="setPostRef"
>
      {{ post.title }} || {{ post.date.toDateString() }}
</p>

Из него нужно получить массив ref
Функция и сам массив:

const postRefs = ref<VNodeRef[]>([]);
const setPostRef = (el: VNodeRef | undefined) => {
      if (el) {
        postRefs.value.push(el);
      }
};

Но в массиве хранятся объекты с типом VNodeRef, про который в доке ни слова, а использовать этот тип так же, как HTMLElement нельзя. Как пользоваться этим типом? Можно ли его как-то в HTMLElement преобразовать?

Answer 1

[modelair]

можно. if (el && el instanceof HTMLElement)

Answer 2

[Aetae]

Зачем ты огород то городишь?

:ref="setPostRef"
-->
ref="postRefs"

И всё, в postRefs.value у тебя массив элементов.

В твоём варианте ты прям в кишки vue лезешь.