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

我从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 回复

leiqiu1 楼4 年前

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

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

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