2021-04-27

本文介绍如何在 Vue 框架中利用 v-for 循环遍历 dataSource 数组,并展示图片和时间戳。通过 v-if 判断当前日期是否与 item.datetime 相同,展示不同的日期信息。同时,文章还涉及到了设置 datetime 的方法 setDatetime(),用于格式化时间显示。
摘要由CSDN通过智能技术生成

在vue  中定义属性对象循环list

<!-- <image src=""></image> -->
            <view>
                <view v-for="(item,index) in dataSource">
                    <view v-if="currDate != item.datetime">{{ item.datetime}}</view>
                    <view class="grid grid-square col-4">
                        <view>{{item.imgs}}</view>
                    </view>
                    {{ setDatetime(item.datetime)}}
                </view>
            </view>

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值