Блог

Я хочу использовать «ссылки» для получения DOMs, это работает для обычного HTML-DOM, также работает для одного компонента, но при использовании массива компонентов я получил пустой объект. Вот мой код.

 <template>
    <my-one v-for="item in cptArr" :key="item.type" :ref="setItemRef"></my-one>
</template>
<script>
import myOne from './components/one.vue'
import { ref } from 'vue';
export default {
    components: {
        myOne,
    },
    setup() {
        const cptArr = [
            {type: 'my-one', },
            {type: 'my-one', }
        ]
        const itemRefs = []
        const setItemRef = el => {
            if (el) {
                itemRefs.push(el)
            }
        }
        return {
            setItemRef,
            cptArr,
            itemRefs
        }
    }
}
</script>
 

затем я получил это, извините, я не могу загрузить фотографию, пожалуйста, откройте эту ссылку, чтобы просмотреть результат.