uniapp地图上使用nvue页面卡死的解决方式

在uniapp上使用地图时需要在地图上覆盖其他页面时需要用到nvue页面，在使用nvue页面的时候发生如下bug。

1、点击nvue页面的弹出层页面之后在任何界面使用物理返回键app进入卡死状态：单机事件可以执行，路由跳转失效。

2、每进出一次地图页面都会加一次请求。

 

 

 

解决方法：

1、将弹框组件单独写道另一个页面执行，使用路由传参和uni.$emit\uni.$on进行nvue和vue页面的传参。()

uni.$emit发送事件:

uni.$on接受事件：

可以跨页面通信

uni.$emit("query-data", this.$Route.query);
uni.$on("getTypeDataFc", () => {
      this.getTypeData();
    });

2、每进出一次地图会累加一次请求是因为uni.$emit事件没有用uni.$off注销掉，需要在页面销毁的时候注销掉nvue和vue页面的$emit事件

onUnload() {
    uni.$off("popup-page");
    uni.$off("drawer-page");
    uni.$off("move")
  },