使用VueJS将样式追加到iframe内的元素

<template>
  <div>
    <iframe ref="myIframe" src="https://example.com"></iframe>
  </div>
</template>

<script>
export default {
  mounted() {
    // 获取iframe元素
    const iframe = this.$refs.myIframe;

    // 等待iframe加载完成
    iframe.onload = () => {
      // 获取iframe内的文档对象
      const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

      // 创建一个新的style元素
      const style = iframeDocument.createElement('style');

      // 设置样式内容
      style.innerHTML = `
        /* 在这里添加你想要追加的样式 */
      `;

      // 将style元素追加到iframe内的head标签中
      iframeDocument.head.appendChild(style);
    };
  }
};
</script>