javascript - vue内嵌iframe html页面，传值问题

问题描述

问 题

我有个页面用iframe页面

问题在于，我要把值从vue传给iframe我iframe获取到了但是ajax并不生效

方法里面alert都执行了就没有然后了。

最后还有个功能，就是iframe有些操作，我想在父页面也就是vue页面里面监听到，做出相应的跳转

解决方案

parent.html

<iframe ref="iframe" src="child.html" @load="loaded"></iframe>

loaded() {
    const vm = this.$refs.iframe.contentWindow.vm
    console.log(vm)
    //vm.func1()
}

---

child.html

window.vm = new Vue({ ... })

这篇关于javascript - vue内嵌iframe html页面，传值问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！