我是靠谱客的博主 开朗睫毛膏，这篇文章主要介绍vue.js 中 v-for 循环动态循环的div，并列一排，如果使最后一个div没有margin-right：10px，现在分享给大家，希望可以做个参考。
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19<div v-for="(node,index) in circlesTemp" class="bgColorJq" :class="(index + 1) % circlesTemp.length == 0 ?'noright':'margin-right-10'" :style="{'background-color':node.bgColor}"> </div> // 1、在vue中 class 与 :class 是不冲突的， // 2、(index + 1) % circlesTemp.length == 0 ?'noright':'margin-right-10'" 这格是关键性代码， //样式 <style> .noright{ margin-right:0; } .margin-right-10{ margin-right:10px; } </style>
最后
以上就是开朗睫毛膏最近收集整理的关于vue.js 中 v-for 循环动态循环的div，并列一排，如果使最后一个div没有margin-right：10px的全部内容，更多相关vue.js内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复