收藏
回答

小程序自定义tab-bar报错

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug tab-bar 客户端 7.0.1 2.6.2

- 当前 Bug 的表现(可附上截图)


- 预期表现

不报红

- 复现路径


- 提供一个最简复现 Demo

Component({

    data: {

        selected: 0,

        color: "#333333",

        backgroundColor: "#fbfbfb",

        selectedColor: "#4bc4f7",

        borderStyle: "white",

        list: [{

                "pagePath": "/pages/index/index",

                "iconPath": "/static/img/index.png",

                "selectedIconPath": "/static/img/sindex.png",

                "text": "首页"

           }, {

                "pagePath": "/pages/serve/serve",

                "iconPath": "/static/img/serve.png",

                "selectedIconPath": "/static/img/sserve.png",

                "text": "服务"

            }, {

                "pagePath": "/pages/my/my",

                "iconPath": "/static/img/mmy.png",

                "selectedIconPath": "/static/img/smmy.png",

                "text": "我的"

        }]

},

attached() {


},

methods: {

    switchTab(e) {

            var _this=this

            const data = e.currentTarget.dataset

            console.log(data)

            const url = data.path

                    wx.switchTab({

                                url

                                    })

        _this.setData({

            selected: data.index

                    })

                }

        }

})


这是tab-bar组件的js部分


<cover-view class="tab-bar">

        <cover-view wx:for="{{list}}" wx:key="{{index}}" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">

                    <cover-image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image>

                    <cover-view style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</cover-view>

        </cover-view>

</cover-view>

这是wxml部分


分别在三个tab的onShow生命周期中添加了

if (typeof this.getTabBar === "function" && this.getTabBar()) {

        this.getTabBar().setData({

                    selected: 0

                    })

}



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

2 个回答

  • 灵芝
    灵芝
    2019-04-10

    你好,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-04-10
    有用
    回复 6
    • 
      
      2019-04-10

      好了,基础库换低版本就没了

      2019-04-10
      回复
    • 灵芝
      灵芝
      2019-04-10回复

      请问是哪个基础库的问题?我这边使用2.6.5没有问题的

      2019-04-10
      回复
    • 
      
      2019-04-10回复灵芝

      我的2.6.5有问题,2.5.2没问题了,我搞代码上来

      2019-04-10
      回复
    • 
      
      2019-04-10回复灵芝

      https://developers.weixin.qq.com/s/l6BhNwmW7b7R   来了

      2019-04-10
      回复
    • 
      
      2019-04-10回复灵芝

      叮叮叮

      2019-04-10
      回复
    查看更多(1)
  • 
    
    2019-04-10

    点击任何一个页面都会出现这三个错,但是数据没发现影响,只出现一次

    2019-04-10
    有用
    回复 9
    • 黄思程
      黄思程
      2019-04-10

      我切换 tab 页面,并没有重现,你是怎么操作的。直接预览,还是远程调试,还是在开发者工具上?

      2019-04-10
      回复
    • 
      
      2019-04-10回复黄思程

      页面加载完后点我的, 服务都会出现,再点就没了

      2019-04-10
      回复
    • 
      
      2019-04-10回复黄思程


      2019-04-10
      回复
    • 黄思程
      黄思程
      2019-04-10回复

      我也是这么操作,没有重现。你是不是在开发者工具在试的?把基础库版本调到 2.6.5 试试

      2019-04-10
      回复
    • 
      
      2019-04-11回复黄思程

      阿里嘎多   老哥  我2.6.5基础库有红,而且是必现   调到2.5.2就没有了,我也重装好几次

      2019-04-11
      回复
    查看更多(4)
登录 后发表内容