原生js全局监听

项目中有时候需要在某些js文件中全局监听

// 例如给按钮绑定一个事件去开启全局监听

<el-button @click="setMsg">触发</el-button>

setMsg() {

      let params = {

        id: "_P5NgY6sc_",

        imgSrc: ".....图片路径",

      };

      //对document绑定全局监听事件

      var event = new CustomEvent("ToOuter", {

        detail: params,

      });

      document.dispatchEvent(event);

    },

//另一文件中

document.addEventListener("ToOuter", (e) => {

            // console.log("全局监听");
            console.log(e.detail)
           即可监听到ToOuter事件和对应的参数

});