vue循环遍历给div添加id

74 阅读 0 评论 49 点赞

我是靠谱客的博主坚定枕头，这篇文章主要介绍vue循环遍历给div添加id，现在分享给大家，希望可以做个参考。

html部分

复制代码

1
2
3
4
5
6
7
8
9
 <div class="img-preview" v-for="(img,i) of list" :key="img.imageKey" v-on:mouseenter="changeActive(i+1)" v-on:mouseleave="removeActive(i+1)" :id="i+1"> //这样就给循环出来的div添加了不同的id
            <div class="mask"></div>
            <i class="el-icon-delete" @click.prevent="delImg(i)" style="display: none;"></i>
            <img class="imgstyle"
                    :src="img.imageUrl || img.thumbUrl"
                    alt=""
                    @click="openNewImg(img.imageUrl || img.url)"
            />
        </div>

js部分

复制代码

1
2
3
4
5
6
7
changeActive(index){
                console.log($('#'+index ));
                $('#'+index ).find('.el-icon-delete').show();
            },
            removeActive(index){
                $('#'+index ).find('.el-icon-delete').hide();
            },

转载于:https://www.cnblogs.com/lml-lml/p/9294456.html