El subprograma WeChat implementa una barra de pestañas personalizada en la barra de navegación inferior

¡importante! ! !
1. La ubicación del directorio del componente de la barra de pestañas personalizada debe estar al mismo nivel que las páginas y no se puede colocar en la carpeta de componentes personalizados; de lo contrario, la barra de navegación inferior saltará de manera anormal.

2. La página de destino del salto debe tener el siguiente código en el ciclo de vida de onShow, porque el valor seleccionado se inicializará después del salto, para evitar que el valor seleccionado se restablezca. (Nota: si no se realiza el punto 1, this.getTabBar() no estará definido y no se podrá llamar al método setData() para asignar un valor, por lo que el componente de barra de pestañas personalizada debe estar al mismo nivel que las páginas)

onShow: function () {
    
    
    if (typeof this.getTabBar === 'function' &&
      this.getTabBar()) {
    
    
      this.getTabBar().setData({
    
    
        selected: 0 // 选中的tabBar
      })
    }
  },

Ejemplo de barra de pestañas personalizada oficial de WeChat