在Vue.js中跨域iframe中檢測內容更改？

Question

在Vue.js（或僅僅是普通的js）中，是否有可能檢測到iframe（包含來自其他域的內容）何時發生了更改？ 這是更精確的方案：

1. 我加載的頁面包含包含來自其他域的內容的iFrame
2. 用戶單擊該iframe內的按鈕（或執行某些操作），這將更改iframe內的內容
3. 我能以某種方式檢測到這種變化嗎？

我不想影響或更改框架內的任何內容，只需檢測它已更改。 這可能嗎？

Answer 1

好的，我想出了一種方法來滿足我的需求。 我設置了一個計數器，該計數器在每個onload事件上更新（我發現有人在iframe中提交表單時會觸發該計數器），然后對周圍的頁面進行更改：

      const iframe = document.querySelector('#myframe')
      iframe.onload = () => {
        this.formloadCounter += 1
        console.log('iframe has been loaded:' + this.formloadCounter + ' times.')
        if (this.formloadCounter>1) { 
          //do stuff 
        }
      }