项目背景:

在做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>

web端闪退解决方案

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐