vue.js 中 v-for 循环动态循环的div,并列一排,如果使最后一个div没有margin-right:10px

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值