解决uniapp开发微信小程序手机端出现v-if加载全部条件问题(闪屏问题)

项目背景:

在做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端闪退解决方案

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值