uni-app subNVue原生子窗体先显示再隐藏然后再显示子窗体的内容无法显示

uni-app subNVue原生子窗体先显示再隐藏然后再显示子窗体的内容无法显示

5 回复

你这个我看了,你完全可以换一个方式实现,用悬浮弹窗啊.为什么一定要用子窗体

更多关于uni-app subNVue原生子窗体先显示再隐藏然后再显示子窗体的内容无法显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


要是用子窗体的话如何解决？

subNVue中弹窗的图层并没有拦截点击事件。导致点击弹窗区域也会导致subnvue被关闭 但是并没有正常触发你的点击回调。 你可以将child.nvue中 外层view拦截一下触摸事件 <template>
<view class="child">
<view class=“tips” @click=“intercept”>

我找到问题所在了，隐藏子窗体的时候动画写错了

这是一个常见的subNVue显示问题，通常是由于原生子窗体的生命周期管理导致的。解决方案如下：

  1. 确保每次显示subNVue时都重新初始化内容：
// 显示前先隐藏确保重置
subNVue.hide();
subNVue.show();
  1. 检查subNVue的样式设置，确保设置了正确的宽高：
/* 必须设置宽高 */
.subnvue {
    width: 100%;
    height: 300px;
}
  1. 如果使用动态内容，建议在每次显示时重新加载数据：
subNVue.evalJs('loadData()'); // 调用子窗体的JS方法重新加载
  1. 检查Android平台特有的问题，可能需要延迟显示：
setTimeout(() => {
    subNVue.show();
}, 50);
  1. 确保在pages.json中正确配置了subNVue：
"subNVues": [{
    "id": "subNVue",
    "path": "pages/subNVue",
    "style": {}
}]
回到顶部