vue循环遍历给div添加id

最新推荐文章于 2024-09-02 09:44:24 发布

weixin_30568715

最新推荐文章于 2024-09-02 09:44:24 发布

阅读量4.9k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lml-lml/p/9294456.html

版权

html部分

 <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部分

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