这篇文章主要介绍“vue组件和iframe页面的相互传参问题怎么解决”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue组件和iframe页面的相互传参问题怎么解决”文章能帮助大家解决问题。目前网上大多关于iframe父子传参的博客都是在叙述父页面是html文件，子iframe文件也是html文件，涉及到父页面是vue组件子iframe页面是html的博客多数讲的不是很明白；而最近我在项目中碰到了这种需求：在vue组件中嵌入iframe页面，并实现父子传参；下面是在 vue组件中（父组件） 一个通过点击按钮触发的方法：子组件 iframe页面 中有一个被调用的方法及变量：点击按钮的结果是：在vue组件中有一个供iframe页面调用的方法：iframe调用vue组件方法的代码：但是 ！！！！！！！！！！！！！！！只这么做是不够的，会报错，如下：个人猜想免费云主机域名： 问题的原因是 iframe的parent并不是vue实例！目前只找到了一个办法来解决这个问题：就是在created钩子里加上这两句，在调用的vue实例的方法中 加上对vue内变量的改变最终的运行结果是：bingo！！！！！ 问题暂时得到了解决。小结一下：vue组件 和 iframe 的嵌入麻烦多多，且目前还没还没找到正统的方法；此外，还有很多坑我还没踩到，如果后续这方面有什么问题 以及 其他的解决方案，我会继续更新到这上面来的！需求是把两个单独的系统在一个总的系统作为菜单进行免密登录，由于时间还有跨域和不同的token等问题，就使用了内嵌iframe，因为是不同的域名进入子系统也要本地存储一下（获取的user信息以及token传入到iframe子系统）关于“vue组件和iframe页面的相互传参问题怎么解决”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注百云主机行业资讯频道，小编每天都会为大家更新不同的知识点。
本篇内容主要讲解“Python怎么用下标取得列表的单个值”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Python怎么用下标取得列表的单个值”吧!下标说明1、使用的下标超出了列表中值的个数，Python 将给出 I…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
