我是靠谱客的博主 开朗睫毛膏，最近开发中收集的这篇文章主要介绍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>
最后
以上就是开朗睫毛膏为你收集整理的vue.js 中 v-for 循环动态循环的div，并列一排，如果使最后一个div没有margin-right：10px的全部内容，希望文章能够帮你解决vue.js 中 v-for 循环动态循环的div，并列一排，如果使最后一个div没有margin-right：10px所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复