vue页面中嵌入html页面跨域,vue内嵌iframe并跨域通信

Vue组件中如何引入iframe？

export default {

data () {

return {

src: '你的src'

}

}

}

如上，直接通过添加iframe标签，src属性绑定data中的src，第一步引入就完成了

vue如何获取iframe对象以及iframe内的window对象？

在vue中，dom操作比不上jquery的$(‘#id’)来的方便，但是也有办法，就是通过ref

export default {

data () {

return {

src: '你的src'

}

},

mounted () {

// 这里就拿到了iframe的对象

console.log(this.$refs.iframe)

}

}

然后就是获取iframe的window对象，因为只有拿到这个对象才能向iframe中传东西

export default {

data () {

return {

src: '你的src'

}

},

mounted () {

// 这里就拿到了iframe的对象

console.log(this.$refs.iframe)

// 这里就拿到了iframe的