vue类名获取动态生成的元素

首先注意的是,该元素必须在id为app这个元素里面

       new Vue({
    
    
            el: "#app",
            })

其次是由于动态生成的,想获取到该元素,需要在created里使用nextTick。
并且可以 $(’.circle’ + i)拼接想要的元素类名。

                this.$nextTick(() => {
    
    
                    for (var i = 1; i < this.carlist.length + 1; i++) {
    
    
                        $('.circle' + i).css("left", this.random(0, 1650))
                    }
                })

在写样式的时候遇到了一点问题:
盒子的margin塌陷(发生在两个盒子嵌套的时候,父盒子和子盒子同时设置margin的时候会出现实际的magin取的是两个margin的最大值)
解决办法:给父元素增加

overflow:hidden

猜你喜欢

转载自blog.csdn.net/qq_41160739/article/details/117468783