Vue中iframe调用父页面的方法

张苹果

发布于 2022-09-22 02:03:28

3.1K0

文章被收录于专栏：vaevae

父页面结构

PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL

<el-dialog title="父页面" :visible.sync="JscancelOrderVisible" width="30%" >

</el-dialog>

1，子页面获取父页面的vue对象。

PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL

parent.app.__vue__

2，比如父页面vue里有方法

PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL

methods:{

test:function(){

}

3，则子页面就可以用parent.app.vue.test()调用父页面的test方法。

延申

普通页面嵌套iframe怎么调用父页面的方法

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022/08/01 ，如有侵权请联系 cloudcommunity@tencent.com 删除

xml

sql

bash 指令

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

xml

sql

bash 指令

登录后参与评论

暂无评论

编辑精选文章

换一批

鹅厂写码13年，我总结的程序员高效阅读方法论

从Hadoop1.0到Hadoop2.0架构的优化和发展探索详解

--------------注意title前面需要加冒号--------------

余生大大

2022/11/02

1.1K0

Vue笔记：使用 vuex 管理应用状态

javascript bash bash 指令 vue.js

如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃。

朝雨忆轻尘

2019/06/18

7390

iframe关闭父页面(iframe嵌套https页面)

https java html 网络安全

width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames[name]获取到frame scrolling iframe里面的页面是否可以滚动 frameborder 是否显示iframe边框 1（显示）0（不显示） id 和其他的html标签id一样在主页面中通过iframe标签可以引入其他子页面

全栈程序员站长

2022/07/25

6.9K0

vue element-ui 表单验证第一次表单验证的结果，在第二次表单验证时仍然存在

vue.js

首先我们还是看一下文章：https://blog.csdn.net/weixin_37930716/article/details/90234705 的内容

acoolgiser

2020/05/16

2.3K0

Vue传值与状态管理总结

vue.js

使用prop使得父子组件形成一个单向下行绑定：一般情况下，父级prop的更新会流动到子组件中，但是反过来则不行；

前端老道

2022/03/29

2.2K0

ElementUI Dialog 对话框,组件之间传值

jquery ui 网站 vue.js

Dialog 组件的内容可以是任意的，甚至可以是表格或表单，下面是应用了 Element Table 和 Form 组件的两个样例。

py3study

2021/01/29

4.8K0

vue项目iframe的传值问题

html vue.js

　　所以。我把插件的使用封装了一个html页面。vue项目则利用iframe的方式引入。

Dawnzhang

2019/11/21

1.8K0

关于vue中$nextTick的一点使用心得

java vue.js

当下公司在做一个媒体门户网站,后台由另一家公司使用java开发并提供接口,本人负责开发后台页面,使用的是vue-element-admin开发下面说一下问题场景,在开发过程中有一个后台管理员角色页面,其中包含一个表单dialog,在其中使用了el-tree组件,相关代码结构如下: <div class="filter-container"> <el-button class="filter-item" style="margin-left: 10px;" v-waves @click="hand

lestat

2018/04/17

2.2K0

js获取iframe中的内容(iframe内嵌页面)

java https 网络安全 html jquery

在父页面中定义函数，再到子页面中调用。父页面parent.html function getFrameId(f){ var frames = document.getElementsByTagName(“iframe”); //获取父页面所有iframe for(i=0;i

全栈程序员站长

2022/08/01

24.8K0

vue如何二次封装一个高频可复用的组件

vue.js python jquery ui 网站

在我们的业务里，我们通常会二次封装一些高频业务组件，比如弹框，抽屉，表单等这些业务组件，为什么要二次封装？我们所有人心里的答案肯定是，同样类似的代码太多了，我想复用组件，或者原有组件可能达不到我想要的效果，我想基于原有组件自定义一些自己的接口，那么此时就需要二次封装了。二次封装虽好，但同时也会带来一定的心智负担，因为二次封装的组件可能会变得不那么纯粹。

Maic

2022/12/21

2.3K0

vue2.0+Element-ui实战案例

json vue.js 网站 npm javascript

我们将会选择使用一些 vue 周边的库vue-cli, vue-router,axios,moment,Element-ui搭建一个前端项目案例，后端数据接口，会使用json-server快速搭建一个本地的服务，方便对数据的增删改查，

小周sir

2019/09/23

2.3K0

React中定义组件

babel.js https 网络安全 javascript react

PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL

张苹果

2022/09/22

9020

真正解决iframe高度自适应问题

html5 javascript html

拿到这个对象，就可以根据正常网页的方法拿到嵌入（子）网页的文档高度，然后把值附给父页面的iframe的height。

yuezhongbao

2019/02/26

5.4K0

vue的修饰符!sync和el-dialog弹窗组件

dialog el

父组件 index.vue： <template> <info :value="myValue" @valueChanged="e => myValue = e"></info> </template> <script> inport info from './info.vue'; export default { components: { info, }, data() { return {

leader755

2022/03/09

7510

vue+elementUI 实现设置还款日字母弹窗组件

数组 app class el import

还款业务，设置每月还款日，选每月几号扣款，不需要29、30、31，因为不是每个月都有这三天的

GoodTime

2024/03/05

1430

Vue电商实践项目（二）

git javascript vue.js

1.实现后台首页的基本布局 2.实现左侧菜单栏 3.实现用户列表展示 4.实现添加用户

用户6808043

2022/02/24

5.1K0

Html | Vue | Element UI——引入使用

html el element script ui

做个项目，需要一个效果刚好Element UI有，就想配合Vue和Element UI，放在tp5.1下使用，但是引入在线的地址各种报错，本地引入就完美的解决了问题！

思索

2024/08/16

860

Vue + Flask 实现单页面应用

javascript api vue.js 网站 php

说明我们的前端代码构建成功。现在我们在浏览器中打开上面的地址，就可以得到页面如下：

周萝卜

2019/07/17

2.2K0

初始化React脚手架

javascript react npm css 网站

PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL

张苹果

2022/09/22

3580

实现简单前后端完全分离增删改查：node.js+mysql+vue

javascript 渲染 node.js api 网站

（由于不是大项目，全部使用CDN链接资源）在根目录新建一个文件 index.html 代码如下

不愿意做鱼的小鲸鱼

2022/09/24

2.1K0