uni-app nvue 下 plus.globalEvent.addEventListener('plusMessage') 事件不触发

uni-app nvue 下 plus.globalEvent.addEventListener(‘plusMessage’) 事件不触发

产品分类：uniapp/App

PC开发环境操作系统：Windows

手机系统：Android

手机系统版本号：Android 12

手机厂商：华为

手机机型：MI 8

页面类型：vue

打包方式：云端

示例代码：

<hbb-webview src="https://baidu.com" />

<template>
  <view v-if="loading" class="spinner">
    <text class="spinner-txt">加载中</text>
  </view>
</template>

<script>
export default {
  name: 'HbbWebview',
  props: {
    src: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      loading: false,
    };
  },
  created() {
    const web = plus.webview.create("", `custom-webview_${Date.now()}`, {
      "uni-app": "none",
      top: uni.getSystemInfoSync().statusBarHeight + 44,
      bottom: 0,
      opacity: 0,
      bounce: "vertical",
      userSelect: false,
      errorPage: "none",
    });
    this._web = web;
    web.addEventListener("loaded", () => {
      if (this._loaded) return;
      this._loaded = true;
      this.onLoading(false);
    });
    plus.globalEvent.addEventListener("plusMessage", this.onPlusMessage);
    plus.webview.currentWebview().append(web);
    web.loadURL(this.src);
    this._timer1 = setTimeout(() => this.onLoading(true), 500);
    this._timer2 = setTimeout(() => this.onLoading(false), 2000);
  },
  beforeDestroy() {
    plus.globalEvent.removeEventListener(this.onPlusMessage);
    clearTimeout(this._timer1);
    clearTimeout(this._timer2);
  },
  methods: {
    onLoading(show = true) {
      this.loading = show;
      this._web.setStyle({ opacity: show ? 0 : 1 });
      if (show) return;
      clearTimeout(this._timer1);
      clearTimeout(this._timer2);
    },
    onPlusMessage(event) {
      console.log("onPlusMessage", event);
    },
  },
};
</script>

<style lang="scss" scoped>
.spinner {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;

  &-img {
    width: 100rpx;
    height: 100rpx;
  }

  &-txt {
    font-size: 24rpx;
    color: #999;
  }
}
</style>