(function () {
    const originalSend = XMLHttpRequest.prototype.send;
    const originalOpen = XMLHttpRequest.prototype.open;

    XMLHttpRequest.prototype.open = function (method, url, async, user, password) {
        this._url = url;   // 保存请求 URL 以便后续使用
        this._method = method;
        this._async = async;
        originalOpen.apply(this, arguments);  // 保持原来的 open 方法
    };

    XMLHttpRequest.prototype.send = function (body) {
        const xhr = this;  // 保存当前 XMLHttpRequest 对象的引用

        console.log('拦截到 XHR 请求的响应：', xhr.responseText);
        // 拦截 onreadystatechange，获取响应数据
        xhr.addEventListener('readystatechange', function () {
            if (xhr.readyState === 4) {  // readyState 4 表示请求已完成
                console.log('拦截到 XHR 请求的响应：', xhr.responseText);

                // 在这里你可以对响应数据进行处理
                // alert(xhr.responseText)
                //拦截指定的url
                if (xhr._url.includes('keyword')) {
                    console.log(JSON.parse(xhr.responseText).data)
                }
            }
        });

        // 调用原始 send 方法
        originalSend.apply(this, arguments);
    };
})();

发送方

postMessage({type: 'NOTIFY', msg: 'msg'}, '*')  //

接收方

window.onmessage = (e) => {
  console.log("收到消息");
  let {  type , msg} = e.data;
  switch (type) {
    case "NOTIFY":

      break;
  }
};

let selects = document.getElementsByTagName("select");
  if (selects.length !== selectAnswer.length) {
    layer.msg("页面上的题可能已经发生了变化", { icon: 0 });
    return;
  }
  let lastScope = NaN;
  let idx = -1;
  // 获取Angular作用域
  selectAnswer.forEach((answer, index) => {
    let scope = angular.element(selects[index]).scope();
    // console.log(scope.subject.sub_subjects);
    // console.log(lastScope === scope, lastScope);
    if (idx === -1) {
      idx = 0;
    } else if (lastScope === scope) {
      idx += 1;
    } else {
      idx = 0;
    }
    lastScope = scope;

    //angular.element(document.getElementsByTagName("select")[0]).scope().subject.sub_subjects;
    scope.$apply(() => {
      console.log(scope.subject.sub_subjects[idx]);
      let old = scope.subject.sub_subjects[idx].answeredOption;
      scope.subject.sub_subjects[idx].answeredOption = answer;
      scope.onChangeSubmission(scope.subject.sub_subjects[idx]);

      console.log(scope.subject.sub_subjects[idx]);
      console.log(
        `old: ${old},new:${answer}, now:${scope.subject.sub_subjects[idx].answeredOption}`,
      );
    });
    $(selects[index]).multiselect("refresh");
    angular.element(selects[index]).triggerHandler("change");
  });

const observer = new MutationObserver((mutations, obs) => {
        let ele = document.querySelector('div')
        if (ele) {
            //todo 
        }
    });

observer.observe(ele, {
            childList: true,
            subtree: true
        });

子组件

<template>
  <button @click="handleClick">Click Me</button>
</template>

<script lang="ts" setup>
import { defineEmits } from 'vue';

// 定义 emit 并指定事件类型
const emit = defineEmits(['customEvent']);

const handleClick = () => {
  // 触发自定义事件并传递数据
  emit('customEvent', 'some data');
};
</script>

父组件

<template>
  <div>
    <MyButton @customEvent="handleCustomEvent" />
  </div>
</template>

<script lang="ts" setup>
import MyButton from './MyButton.vue';

const handleCustomEvent = (data: string) => {
  console.log('Event received:', data);
};
</script>