根据参数进入新页面渲染的视觉层,条件判断展示慢了一拍,体验不友好?如何优化
发布于 4 年前 作者 zsun 8326 次浏览 来自 问答

根据参数进入新页面渲染的视觉层,条件判断展示慢了一拍,体验不友好?如何优化

我从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}

出现的效果是先提示成功,然后间隔一段时间出现失败。。。。

怎么处理?

1 回复

因为 onLoad 的执行会有延迟,所以会先用你预设的 status 值进行一次渲染。

你可以考虑增加一个 view 将他们包起来。然后用用一个开关,在 onLoad 执行的时候把开关打开。

这个开关的作用是显示或隐藏包裹用的 view。这样就不会有这个问题了。

回到顶部