关于cdn 使用vue项目的ifream 中的 html页面访问父页面的方法

关于cdn 使用vue项目的ifream 中的  html页面访问父页面的方法

介绍:意图为想在嵌套的ifream页面中点击块跳转到菜单页,并标记为选中状态 (改变element ui 的菜单选中,并跳转到指定页面  页面全部为html+js)

思路:先考虑怎么点击跳转并选中菜单栏   element ui的el-menu 有个 default-active的属性,是默认选择哪个菜单,就可以直接改变这个值就可以,至于怎么跳转就  element ui 菜单的跳转是由index的那个属性改变的,纯vue的话比较简单,直接用路由就可以,我这个是ifream嵌套就需要获取到ifream的document并设置src

代码:

<iframe
        id="frame_content"
        src=""
        scrolling="auto"
        frameborder="0" width="100%"
        :style="{ "height": iframeHeight }"
>
</iframe>
因为在同一个html中所以直接用id就可以
$("#frame_content").attr("src", "/" + key + "");

至于标题:自己用双向绑定就可以  也可以用jq 直接 $(“#**”).html(“标题名称”)

重点来了:在ifream中调用父页面的方法

普通的html之间的调用百度一下就特别多,这里就不写了  放个连接 https://www.cnblogs.com/qiantao/p/12383538.html   这个我测过,可以用

再放个 https://www.cnblogs.com/keyi/p/7056262.html

这里说的是cdn方式引用vue的

var app = new Vue({
    el: "#app",
    data() {}
})


parent.app.selectMenu("");  这里的app就是你要调用哪个方法页面的那个,就是我上面写的那个
都是百度的也没啥不好意思的,直接放他们的连接 .0.0.
https://www.jianshu.com/p/d7cebf805b2f 
https://www.cnblogs.com/lgnblog/p/10684223.html
https://www.cnblogs.com/wong-do/p/10413867.html 
两个ifream互相调用 https://blog.csdn.net/shunhua19881987/article/details/102562881   没测自己避坑
hmoban主题是根据ripro二开的主题,极致后台体验,无插件,集成会员系统
自学咖网 » 关于cdn 使用vue项目的ifream 中的 html页面访问父页面的方法