iframe標籤小試牛刀

<template>
  <div >
  <iframe id="template-iframe" ref="iframe" :src="src"   scrolling="no" frameborder="0" @load='loaded'></iframe>
  </div>
</template>
<script>
export default {
data () {
return {
  iframeWin: {}
  }
},
computed: {
  src () {
    // if (process.env.BASE_SYSTEM === 'devops_dev') {
    //   return 'http://0.0.0.0:8888/alerts_confirm'
    // }
      // return 'https://demo.finebi.com/'
      return 'http://172.169.90.88:37799/webroot/decision/link/Qf2k'
    }
},
methods: {
  loaded () {
    // console.log(document)
  const cookie = document.cookie
  console.log('111111')
  // console.log(cookie,)
  // let aaa = 'tenantId=default; Hm_lvt_bfbe574dd029f3d4e057905d5aa4ba41=1639635469; fine_login_users=b6bb9b03-11ae-4334-8e4c-fd045570b9fe; confSessionId=81d91594e6d32a97; fine_remember_login=-1'
  this.iframeWin.postMessage(cookie, this.src)
  // handleMessage (event){
  //   // 根據上面制定的結構來解析iframe內部發回來的數據
  //   const data = event.data
  //   switch (data.cmd) {
  //     case 'returnFormJson':
  //       // 業務邏輯
  //       break
  //     case 'returnHeight':
  //       // 業務邏輯
  //       break
  //   }
  // }
  }
},
mounted () {
  this.iframeWin = this.$refs.iframe.contentWindow
  console.log(this.iframeWin)
  var ifm= document.getElementById("template-iframe");
  ifm.height=document.documentElement.clientHeight - 120;
  ifm.width=document.documentElement.clientWidth - 200
  window.addEventListener('message', this.handleMessage)
  

  }
}
</script>