vue中如何调用iframe的方法传值和iframe如何给vue传值

iframe给Vue页面传值

第一步：需要在iframe的index.html  的js  加入下面代码

 

                    


Title



 
 
编号


主要工程内容


本月完成量


自开工至本月底累计完成工程量


合同工程量


开通至今完成合同工程量占比


备注




**1**


##AA检测##



















**2**


##BB检测##














 



 

在div里面点击tableClick  就可以给vue通信

在vue页面中需要进入监听就可以传值并且触发vue的方法：mounted() {

window.addEventListener('message', function(e){
  console.log(e)
这个里面也可以调用vue的方法
})

}

。

在vue页面中需要需要触发iframe的方法只需要下面的代码

this.$refs.iframe.contentWindow.addText(this.gct,this.tabcon)

就可以触发iframe的index.html里面的addText方法