根据参数进入新页面渲染的视觉层,条件判断展示慢了一拍,体验不友好?如何优化
我从A页面进入B页面,
B页面的wxml大概是
< block wx:if = "{{status}}" > 成功 </ block > < block wx:else> 失败 </ block > |
在B.js中
Page({
/**
* 页面的初始数据
*/
data: {
status: 1,
},
这个时候打印
console.log("B页面进来的参数 options=>", options); // {status:-1}
出现的效果是先提示成功,然后间隔一段时间出现失败。。。。
怎么处理?
因为 onLoad 的执行会有延迟,所以会先用你预设的 status 值进行一次渲染。
你可以考虑增加一个 view 将他们包起来。然后用用一个开关,在 onLoad 执行的时候把开关打开。
这个开关的作用是显示或隐藏包裹用的 view。这样就不会有这个问题了。
我目前是加了一个loading 作为包裹体。设置1500秒打开包裹体,包裹体结构就是一个加载条。你也是这样处理的吗?
处理方式可能有些不同,但是原理是一样的。就是避免动态数据参与首次渲染。
哦哦,那你那具体怎么处理的呢?我这边测试人员说没什么事情加个加载条干嘛?
你可以这样。在最外层包裹一个 view 。然后设置 200 毫秒后打开这个 view 。这样子就没问题了。并不需要 loading。
只是白屏时间会多 200 毫秒,但这并不是什么问题。
好的