sentToIframe() {
      let childFrameObj = document.getElementById("unityiframe");
      console.log("childFrameObj", childFrameObj);
      // childFrameObj.contentWindow.getMessageFromParent(this.tData); //第一種向子iFrame傳參方式，調(diào)用iframe的methods達(dá)到傳參的目的
      this.$refs.unity.contentWindow.getMessageFromParent(this.tData); // 這樣也是可以調(diào)用子iframe的方法
      // childFrameObj.contentWindow.frameData = "這是vue組件給你的參數(shù)！" // 傳參成功
      this.$refs.unity.contentWindow.frameData =
        "這是vue組件給你的第二個(gè)參數(shù)！"; //傳參成功
      console.log("發(fā)送完成");
      //此外，還可以通過(guò)DOM操作，操作子iframe的DOM
      var t = document
        .getElementById("unityiframe")
        .contentWindow.document.getElementById("dd");
      console.log(t);
      //
      console.log("frameData？", unityiframe.window.frameData); //利用id可以調(diào)用到iframe里的變量
      // console.log("frameData？",this.$refs.unity.window.frameData) //利用ref調(diào)用不到iframe里的變量
    },

  var frameData = "別喊我！" //此變量用于測(cè)試 vue組件是否能調(diào)用此變量
  function getMessageFromParent(value){
    // 接受從vue組件中傳過(guò)來(lái)的參數(shù)
    console.log(`我接收到parent傳過(guò)來(lái)的參數(shù)了：${value}`)
  }

    getFromIframe(value) {
      console.log(`我是iframe傳過(guò)來(lái)的參數(shù)：${value}`);
      console.log("我被iframe調(diào)用了！");
      console.log(this.vueData);
      console.log(`改變前是：你是否能夠改變我；改變后是：${this.isChangeMe}`);
    }

  function Obj(res){
  // Obj通過(guò)按鈕點(diǎn)擊觸發(fā)
    console.log(parent)
        // 調(diào)用vue組件方法
      parent.getFromIframe("我叫iframe")
      // 向vue組件發(fā)送參數(shù) && 改變vue組件的參數(shù)
      parent.isChangeMe = "你已經(jīng)被我iframe改變了"
  }

  created() {
    window.getFromIframe = this.getFromIframe; //把vue實(shí)例中的方法引用給window對(duì)象
  },

    getFromIframe(value) {
      console.log(`我是iframe傳過(guò)來(lái)的參數(shù)：${value}`);
      console.log("我被iframe調(diào)用了！");
      console.log(this.vueData);
      this.isChangeMe = window.isChangeMe;// 把window變量 賦值給 vue 實(shí)例變量；使得在iframe中能夠改變vue實(shí)例中變量
      console.log(`改變前是：你是否能夠改變我；改變后是：${this.isChangeMe}`);
    }

<template>
? <div class="hello">
? ? <div>
? ? ? <iframe src="http://xxxxxxxxxxxxxx" frameborder="0" ?id="myIframe" ref="myIframe"></iframe>
? ? </div>
? </div>
</template>

export default {
? mounted() {
? ? this.iframeWin = this.$refs.myIframe.contentWindow;
? ? //最開(kāi)始做的是點(diǎn)擊事件是沒(méi)有問(wèn)題的 ?后面需要自動(dòng)傳值就不行 ?也試了模擬點(diǎn)擊還是不行
? ? //原因是iframe還沒(méi)加載完 ?所以使用onload
? ? document.getElementById("myIframe").onload=function(){
? ? ? this.fatherpost()
? ? };
? }
? methods：{
? ? fatherpost(e){//iframe傳值
? ? ?? ? this.iframeWin.postMessage({
? ? ?? ? ? ? params:{
? ? ? ? ? ? ? ?data:data//傳的數(shù)據(jù)
? ? ? ? ? ? ?}
? ? ?? ? },'http://xxxxxxxxxxxxxx')
? ? },
? }
}
//iframe接收
export default {
? mounted() {
? ? ?window.addEventListener('message',function(e){
?? ? ? console.log(e.data)
? ? ?},false)
? }
}
//子傳父的話 ? 掛載和接收的方式都是差不多
window.parent.postMessage(message, targetOrigin, [transfer])