自定义组件的v-for中,绑定refs属性,获取不到对应的元素

​在scroller中,使用了自定义的子组件,但是在绑定了动态的refs属性后,获取不到对应的元素,下面是我的模板代码。

<template>
    <div>
        <scroller class="scroller" scroll-direction="horizontal" show-Scrollbar="false" @didEndScrolling="ondidEndScrolling">
            <div class="scroller wraper" ref="wraper" :style="{width: scrollerSize}">
                <specialgoodsitem class="specialgoodsitem" :ref="'item'+index" v-for="(item, index) in datas" :key="item.id" :item="item"></specialgoodsitem>
            </div>
        </scroller>
    </div>
</template>

其中,​​specialgoodsitem​​是我自定义的组件,scroller我加了一个自定义的滑动事件,在scroller停止滑动时触发,现在,在​​ondidEndScrolling​​这个方法里,我使用​​const el = this.$refs.item5​​,获取不到对应的子组件,应该怎么写才能获取?而且,如果我直接把​​specialgoodsitem​​换成​​div​​,就能正确获取。


鸿蒙
2024-11-21 11:18:28
浏览
收藏 0
回答 0
待解决
相关问题
自定义组件传值和绑定
967浏览 • 1回复 待解决
自定义组件是否支持renderFit属性
1850浏览 • 1回复 待解决
如何自定义Component 属性
15029浏览 • 3回复 待解决
HarmonyOS 自定义组件如何获取高度?
235浏览 • 1回复 待解决
HarmonyOS TextInput绑定自定义键盘问题
584浏览 • 1回复 待解决