用v-if="list.length>0" 进行数据判断,v-else则显示暂无数据,如果直接用v-if="list.length<0"时判断暂无数据则会出现闪现
<div class="orderList" v-if="list.length>0">
<div class="orderListItem" v-for="(item, index) in list" :key="index">
<div class="orderContent flex-start">
<div class="orderImgPanel flex">
<img :src="item.activityCover" alt="" />
</div>
<div class="orderTextPanel">
<div class="orderTitle">
{{ item.orderName }}
</div>
<div class="orderTimeAddress flex-start">
<div class="orderTime">{{ item.createStr }}</div>
<div class="dividingLine" v-if="item.createStr&&item.provinceNameAndCityName">|</div>
<div class="orderAddress">{{ item.provinceNameAndCityName }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="noOrder" v-else>暂无信息</div>