项目背景:
在做v-if判断时,进入页面,请求接口获取数据并赋值,如果数组长度为0则显示空白提醒图片,否则显示数据渲染的列表。
问题描述:
提示:这里描述项目中遇到的问题:
页面会首先闪过出现提醒图片,然后消失,再显示列表页。
解决方案:
在data中另外申请一个变量tag, 值为0,数据请求完成之后,令data的值为1,然后在页面上判断tag 和 你自己本来判断的内容,另外,v-else就不用了,用v-if来代替。
<view v-if="tag === 1 && list.length !== 0">
<van-cell-group v-for="(item, index) in list" :key="index"><van-cell :title="item.DataName" is-link @click="cellClick(item)" /></van-cell-group>
</view>
<image src="../../static/affair/error-search.png" mode="" v-if="tag === 1 && list.length === 0"></image>