uniapp 解决map覆盖不了问题

使用subnvue页面

1.在pages.json里面注册页面

{
            "path": "xxx",
            "style": {
                // "navigationBarTitleText": "任务"
                "app-plus": {
                    "titleNView": false,
                    "subNVues": [{//地图详情窗体
                        "id": "DetailTask", // 唯一标识  
                        "path": "xxx/detailTask", // 页面路径  ,放在所需页面同一级即可
                        // "type": "popup", // 这里不需要  
                        "style": {//根据需求写
                            "position": "absolute",
                            "dock": "bottom",
                            "width": "750upx",
                            "height": "409upx",
                            "bottom": "90upx",
                            "right": "0upx",
                            // "background": "transparent",
                            "border": "1px solid #000"
                        }
                    }}}

2.由于子窗体是在工程加载的时候就默认加载了。所以需要在所需页面加载的时候先默认隐藏,

mounted(){
            // 进入页面默认先关闭子窗体
            this.DetailTaskSubnvue = uni.getSubNVueById('DetailTask');
            // 关闭 详情子窗体  
            this.DetailTaskSubnvue.hide()
        },

3.在需要使用的时候show出来

 this.DetailTaskSubnvue.show()

但是这里面有个坑,就是在你切换页面的时候再切换回来的时候 ,这个子窗体默认存在了。那是因为你在切换切换的时候 没有销毁页面,子窗体也不会销毁。只会不断的累加子窗体,所以无论怎么hide也无效。所以这个切换切换需要改为uni.reLaunch即可。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值