场景:最后一条数据去除下划线,其他保持
:style="index!==optionList.length-1?'border-bottom: 2rpx solid #F1F1F7':'border-bottom: 0rpx solid #F1F1F7;'"
根据下标索引,判断是不是最后于一条数据,利用三元表达式去改变样式:
完整代码:
<view class="upay-dynamicMessage-view-cell option" v-for="(item,index) in optionList":key="index":style="index!==optionList.length-1?'border-bottom: 2rpx solid #F1F1F7':'border-bottom: 0rpx solid #F1F1F7;'"> ... </view>
方式二:针对于CSS样式的伪类(后续补充)