关于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 没测自己避坑