uni-app 多次切换页面后 subNVue.hide()事件无法关闭窗体内的内容

在uni-app开发中，使用subNVue窗口时，确实可能会遇到多次切换页面后subNVue.hide()事件无法正确关闭窗体内内容的问题。这通常是由于页面栈管理不当或subNVue窗口的生命周期管理不正确导致的。下面提供一个示例代码，展示如何正确管理subNVue窗口，确保在多次切换页面后能够正确隐藏窗体内的内容。

首先，确保在全局或页面脚本中正确初始化和管理subNVue实例。以下是一个简化的示例：

// main.js 或 app.js
const subNVue = uni.createSubNVue({
    url: 'subNVuePage/subNVuePage.vue', // subNVue页面的路径
    id: 'subNVue',
    style: {
        top: '0px',
        bottom: '0px'
    }
});

// 显示subNVue窗口
function showSubNVue() {
    subNVue.show();
}

// 隐藏subNVue窗口
function hideSubNVue() {
    subNVue.hide(() => {
        console.log('subNVue已隐藏');
    });
}

// 监听页面显示事件，确保在返回页面时能正确管理subNVue
uni.onPageShow((res) => {
    if (res.type === 'back' && isSubNVueShouldBeHidden()) {
        hideSubNVue();
    }
});

// 自定义逻辑判断是否需要隐藏subNVue
function isSubNVueShouldBeHidden() {
    // 根据实际情况添加逻辑，比如根据当前页面路径等
    return true; // 示例：总是隐藏
}

// 在需要的地方调用显示或隐藏函数
// 例如，在某个页面的onLoad中调用showSubNVue()

在subNVuePage.vue中，确保页面内容能够响应隐藏操作：

<template>
    <view>
        <!-- subNVue页面的内容 -->
        <text>这是subNVue窗口的内容</text>
    </view>
</template>

<script>
export default {
    onHide() {
        console.log('subNVue页面被隐藏');
        // 可以在这里执行一些清理工作，比如停止定时器、取消网络请求等
    }
}
</script>

上述代码示例中，我们创建了一个subNVue实例，并提供了显示和隐藏该窗口的函数。通过监听uni.onPageShow事件，我们可以在用户通过返回操作回到某个页面时，根据自定义逻辑决定是否隐藏subNVue窗口。同时，在subNVuePage.vue中，我们定义了onHide生命周期函数，以便在窗口被隐藏时执行一些清理工作。

这种管理方式可以确保在多次切换页面后，subNVue.hide()事件能够正确关闭窗体内的内容。