收藏
回答

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

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


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


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

怎么处理?




最后一次编辑于  2018-06-19  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • 吃软饭.孙
    吃软饭.孙
    2018-06-19

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

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

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

    2018-06-19
    赞同 1
    回复 5
    • 同步
      同步
      2018-06-19

      我目前是加了一个loading 作为包裹体。设置1500秒打开包裹体,包裹体结构就是一个加载条。你也是这样处理的吗?

      2018-06-19
      回复
    • 吃软饭.孙
      吃软饭.孙
      2018-06-19

      处理方式可能有些不同,但是原理是一样的。就是避免动态数据参与首次渲染。

      2018-06-19
      1
      回复
    • 同步
      同步
      2018-06-19回复吃软饭.孙

      哦哦,那你那具体怎么处理的呢?我这边测试人员说没什么事情加个加载条干嘛?

      2018-06-19
      回复
    • 吃软饭.孙
      吃软饭.孙
      2018-06-19

      你可以这样。在最外层包裹一个 view 。然后设置 200 毫秒后打开这个 view 。这样子就没问题了。并不需要 loading。

      只是白屏时间会多 200 毫秒,但这并不是什么问题。

      2018-06-19
      1
      回复
    • 同步
      同步
      2018-06-19回复吃软饭.孙

      好的

      2018-06-19
      回复