当前位置:编程学习 > JS >>

vue循环数据 v-for / v-if最后一条

如果要找到最后一条,给最后一条的list-img单独加上一个zzzyk的类名
<li v-for="(item,i) in yizuotu" >
    <div :class="'pic'+(i===yizuotu.length-1?'zzzyk':'')">{{item.id}}、{{item.title}}</div>
    <div class="yizuotu">{{item.content}}</div>
    <div class="net"><img :src="//yizuotu.net/images/logo.gif"></div>
</li>

vue循环数据最后一条不显示判断:i!=list.length-1

或者用v-if判断找到最后一条
<li v-for="(item,i) in yizuotu" >
<div class="pic zzzyk" v-if="i===yizuotu.length-1">{{item.id}}、{{item.title}}</div>
<div class="yizuotu">{{item.content}}</div>
<div class="net"><img :src="//yizuotu.net/images/logo.gif"></div>
</li>


v-for最后一个元素添加css样式
<view class="zzzyk" v-for="(item,index) in nav" :key="index">站长资源库</view>
<stye>
    .zzzyk:last-child{
    }
</stye>
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,