vue双层for循环，动态绑定唯一id值，vue中for循环，动态绑定dom元素唯一id值

HuiRonmantic

已于 2024-05-22 10:07:40 修改

阅读量2.3k

点赞数 1

分类专栏：大前端文章标签： vue

于 2023-01-06 10:26:55 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41346436/article/details/128574559

版权

大前端专栏收录该内容

35 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Vue中如何在双层for循环中动态绑定DOM元素的唯一ID，提供了一种记录和获取唯一ID的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue双层for循环，动态绑定唯一id值，vue中for循环，动态绑定dom元素唯一id值

稍作记录

在这里插入图片描述

 <div  v-for="(itemA, indexA) in parentList"   :key="indexA" > 
       <div  v-for="(itemB, indexB) in itemA.childList"   :key="indexB" > 
           	   <div  :id="`scorllView${indexA}${indexB}`"  @click=" scrollIntoView(indexA,indexB) "> {{ itemB.name }}</div>
        </div>
 </div>

DOM获取唯一ID

scrollIntoView(indexA, indexB) {
        console.log( indexA, indexB)
        let element = document.getElementById(`scorllView${indexA}${indexB}`)
   },