uni-app nvue使用uni.preloadPage页面预加载tabbar页面时，进入被加载的tabbar页面tabbar消失，苹果安卓均如此

。。。

顶顶顶顶

在使用uni-app进行开发时，nvue页面与普通的Vue页面在处理上存在一些差异，特别是在涉及到页面预加载和tabbar显示等方面。针对你提到的在使用uni.preloadPage预加载tabbar页面时，进入被加载的tabbar页面后tabbar消失的问题，这通常是因为nvue页面的tabbar管理方式和Vue页面有所不同所导致的。

为了解决这个问题，我们需要确保在预加载页面时，tabbar的状态能够正确保持。以下是一个可能的解决方案，通过代码示例来展示如何在预加载tabbar页面时保持tabbar的显示：

1. 确保tabbar配置正确：首先，确保在pages.json中正确配置了tabbar页面。

"tabBar": {
    "list": [
        {
            "pagePath": "pages/index/index",
            "text": "首页"
        },
        {
            "pagePath": "pages/other/other",
            "text": "其他"
        }
    ]
}

1. 使用uni.preloadPage预加载页面：在App启动时或者需要预加载的时候调用uni.preloadPage。

// 在App.vue的onLaunch或onShow生命周期函数中预加载页面
onLaunch() {
    uni.preloadPage({
        url: '/pages/other/other' // 预加载其他页面
    });
}

1. 在nvue页面中管理tabbar：由于nvue页面和Vue页面在渲染机制上的差异，如果直接使用预加载可能会导致tabbar显示问题。一种可能的解决方案是在nvue页面中手动管理tabbar的显示和隐藏。这通常涉及到在nvue页面中使用自定义的tabbar组件，并通过监听页面生命周期事件来控制tabbar的显示状态。

例如，在nvue页面的onShow和onHide事件中更新tabbar的显示状态：

export default {
    onShow() {
        // 页面显示时，确保tabbar显示（如果需要的话，可以调用自定义tabbar组件的显示方法）
        this.$refs.customTabbar.show();
    },
    onHide() {
        // 页面隐藏时，隐藏tabbar（同样，调用自定义tabbar组件的隐藏方法）
        this.$refs.customTabbar.hide();
    }
}

注意：上述代码中的this.$refs.customTabbar.show()和this.$refs.customTabbar.hide()是假设你有一个自定义的tabbar组件，并且已经通过ref属性进行了引用。你需要根据自己的实际情况来调整这部分代码。

通过上述方法，你可以在预加载tabbar页面时保持tabbar的显示状态，从而解决你遇到的问题。