收藏
回答

自定义tabBar在真机调试时,手机白屏,PC异常,求解?

开发工具:稳定版 Stable Build 1.03.2011120

操作系统:windows 7 64位

手机:魅族 m1

微信:7.0.21


需要在小程序中使用Vant Weapp,因此在Vant提供的demo源码中用自定义tabBar方式引入,目前模拟器运行正常,但真机调试时,手机端白屏,PC端不显示tabBar,控制台报错“Cannot read property 'setData' of null”,搜索也没找到原因,大家帮看看是哪里的问题?


为了激活首页的tabBar标签,在index.js文件的onload最后加了setData,不知是不是这个原因

  onLoad: function() {

    const { checkedGoods, goods } = this.data;

    const submitBarText = `结算`;

    const totalPrice = goods.reduce(

      (total, item) =>

        total + (checkedGoods.indexOf(item.id) !== -1 ? item.price : 0),

      0,

    );

    goods.forEach(item => {

      item.formatPrice = (item.price / 100).toFixed(2);

    });


    this.setData({

      totalPrice,

      submitBarText,

      goods,

    });

 

  // 在页面的onLoad周期设置对应的活跃tabbar项

  this.getTabBar().setData({

    // CURRENT_ACTIVE_TABBAR: 常量, 当前页面对应的活跃tabbar项

    "tabbars.active": 0

  });

  },

模拟器效果

真机调试PC端效果

真机调试手机端效果



回答关注问题邀请回答
收藏

1 个回答

  • brave
    brave
    2020-12-20

    getTabBar 方法只能在component中调用

    2020-12-20
    有用
    回复 1
    • 购分享
      购分享
      2020-12-20
      具体怎样调用,放哪个文件中,能详细些吗,谢谢了。。
      2020-12-20
      回复
登录 后发表内容
问题标签