关于cdn 使用vue项目的ifream 中的 html页面访问父页面的方法
< 返回列表时间: 2020-07-30来源:OSCHINA
介绍:意图为想在嵌套的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 没测自己避坑
热门排行