[FE] 被动检测 iframe 加载 src 成功失败的一种思路和方式 (Vue)

data () {
  return {
    handler: null
  }
}

created () {
    this.handler = setTimeout(() => {
      const iframe = document.querySelector(‘#iframe_id‘)
      iframe.src = ‘./404‘
    }, 3000)
}

mounted () {
    const self = this
    const iframe = document.querySelector(‘#iframe_id‘)

    iframe.onload = function () {
      self.iframeCompleteLoad = true

      clearTimeout(self.handler)
    }
}