uni-app HbuilderX 4.44版本 nvue页面添加subNVues子页面 无法通过hide或close方法隐藏或关闭

你之前是什么版本？能不能提个复现工程？
安卓是否正常？

在uni-app中使用nvue页面时，如果遇到无法通过hide或close方法隐藏或关闭subNVues子页面的情况，通常是由于方法调用不正确或者页面结构设置有问题。下面我将提供一个简单的代码示例，展示如何在nvue页面中正确地添加并控制subNVues子页面。

主页面 (main.nvue)

首先，创建一个主页面，其中包含一个按钮用于打开子页面，以及一个函数用于尝试隐藏或关闭子页面。

<template>
  <div>
    <button @click="openSubNVue">打开子页面</button>
    <button @click="closeSubNVue">关闭子页面</button>
    
    <sub-nvue ref="subNVueRef" id="subNVuePage" v-if="subNVueVisible"></sub-nvue>
  </div>
</template>

<script>
export default {
  data() {
    return {
      subNVueVisible: false
    };
  },
  methods: {
    openSubNVue() {
      const subNVue = uni.createSubNVue({
        url: 'sub.nvue', // 子页面路径
        id: 'subNVuePage',
        style: {
          top: '0px',
          left: '0px',
          width: '300px',
          height: '100%'
        }
      });
      this.$refs.subNVueRef = subNVue; // 保存子页面引用
      this.subNVueVisible = true; // 更新显示状态（实际中这一步可能不需要，因为createSubNVue已经显示了）
    },
    closeSubNVue() {
      if (this.$refs.subNVueRef) {
        this.$refs.subNVueRef.close(); // 尝试关闭子页面
        this.subNVueVisible = false; // 更新显示状态
      }
    }
  }
};
</script>

子页面 (sub.nvue)

子页面内容可以很简单，例如只包含一个文本标签。

<template>
  <div>
    <text>这是子页面</text>
  </div>
</template>

<script>
export default {
  // 子页面不需要额外逻辑，只需定义模板即可
};
</script>

注意事项

1. 页面路径：确保url属性中的路径正确指向子页面文件。
2. 引用管理：使用ref属性保存子页面的引用，以便后续调用close方法。
3. 方法调用：在调用close方法之前，确保子页面引用存在。
4. 样式设置：根据需要调整style属性中的布局参数。

上述代码示例展示了如何在nvue页面中创建并控制subNVues子页面。如果在实际应用中仍然遇到问题，请检查页面路径、方法调用时机以及uni-app和HBuilderX的版本兼容性。