微信小程序, 底部tabBar配置 API

小程序的入口文件是app.js

入口配置文件 app.json

底部tabBar

app.json

iconPath是标签未选中状态的图片

selectedIconPath是标签选中状态的图片

代码示例:

// pages/user/index.js
var App = getApp();

Page({
    data: {
        isLogin: false,
        userInfo: {}
    },
    // ...
  // 菜单列表导航跳转
  onTargetMenus(e) {
    console.log(this);
    console.log(e);
    
    if (!_this.onCheckLogin()) {
      return false;
    }
    wx.navigateTo({
      url: '/' + e.currentTarget.dataset.url
    });

//....

  /**
   * 验证是否已登录
   */
  onCheckLogin() {
    let _this = this;
    if (!_this.data.isLogin) {
      App.showError('很抱歉，您还没有登录');
      return false;
    }
    return true;
  },
  },
})

onTargetMenus(e) {

}

参数e结构:

this 当前的Page对象