首先注意的是,该元素必须在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