WEB开发中常用的子页面调用父页面方式

最新推荐文章于 2023-08-12 09:49:22 发布
原创 最新推荐文章于 2023-08-12 09:49:22 发布 · 627 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用window.showModalDialog方法打开模态窗口，并详细解释了如何从模态窗口内部调用父页面的方法以及如何重新加载父页面。此外还提到了window.parent及window.opener在不同场景下的应用。


window.showModalDialog
调用模态窗口父页面的方法
window必须做为入参

 window.showModalDialog(url, window, styleCheck);

dialogArguments.parentFn();

重新加载模态窗口父页面
window.dialogArguments.location.reload();

window.parent 是iframe页面调用父页面对象,
重新加载父页面
window.parent.location.reload();

window.opener 是window.open 打开的子页面调用父页面对象；
重新加载父页面
window.opener.location.reload()

VC++常用功能开发汇总
dvlinker的技术专栏
04-19 13万+
VC++常用功能开发汇总
html 模态窗口子窗体调用父窗体的任何函数
03-13
模态子窗体可以调用父窗体的任何函数方法，相当于在一个界面操作一样，超强的，顶！
VUE子页面调用父页面的方法
weixin_46008522的博客
05-10 1140
方式一 $parent 父组件 <template> <div> <child></child> </div> </template> <script> import child from './child'; export default { components: { child }, methods: { fatherMethod(str) {
vue子页面调用父页面方法
a965925884的博客
07-28 3648
#vue子页面调用父页面方法 ##方法描述 父页面 （provide） provide() { return { onReconfigurationStatus: this.方法名, provideOnCancel: this.方法名 } }, 子页面 （inject） inject: ['provideOnCancel', 'onReconfigurationStatus'], //方法中使用 this.provideOnCancel(
vue 子页面调用父页面方法、回写父页面数据
qq_37570710的博客
03-17 1万+
使用$emit 父页面，通过@fatherMethod传递方法 <template> <!-- 申请退回 --> <el-dialog title="申请退回" > <applyReturn @fatherMethod="initBtn"></applyReturn> </el-dialog> </template> <script> impo
Vue，嵌入iframe中的子页面，调用父页面方法
彭珂个人网的博客
01-06 6252
父页面：a.vue 中，嵌入了 iframe 标签，src为子页面路径： 二、假设子页面是 b.vue 那么在子页面中，想要调用父页面中的 homePageCallBack 方法，如果你是前端开发者，子调父的方法一般会尝试： 1、window.parent.homePageCallBack();2、this.$parent.homePageCallBack();等等实际上，你也是因为上面的方式，无法调用成功，才来搜的，哈哈哈哈~1、首先在父页面 a.vue 中的mounted中加入如下代码： 其
vue子组件调用父组件中方法的三种方法
Misnice的博客
09-02 3497
1.在子组件中用this.$parent.fn()来调用父组件的方法 父组件中 <script> export default { methods: { parentFn() { console.log('父组件的方法'); } } }; </script> 子组件中 <template> <div> <div @click="handleClick()">点击</
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
10-16
在LigerUI中，一个常见的操作是通过弹出对话框（dialog）形式打开子页面，当子页面中的操作完成并关闭时，需要通知父页面进行一些操作，比如刷新数据等。这通常通过JavaScript进行异步通信来实现。 1. 使用$.ajax...
父子页面相互调用总结
05-28
通过在父页面中嵌入一个`iframe`，我们可以加载另一个HTML页面。父页面和`iframe`页面可以通过`window.parent`和`window.frames`对象互相访问，实现通信。`iframe`的优势在于它可以加载跨域的内容，但缺点是处理复杂...
jQuery实现iframe父窗体和子窗体的相互调用
10-22
在Web开发过程中，我们经常需要在父页面和iframe中嵌入的子页面之间进行交互。使用jQuery可以简化这一过程。本文将介绍如何使用jQuery实现父窗体和子窗体之间的相互调用，并阐述相关技巧。 首先，我们需要了解的是...
web前端开发常用图标资源分享
本文将围绕标题《web前端开发常用图标》及其描述与标签展开，深入探讨相关知识点，涵盖图标的类型、应用场景、技术实现方式、主流资源平台、优化策略以及在UI设计中的实际价值。 首先，“web前端开发常用图标”这一...
通过window.opener控制父窗体
03-05
可以看一看啊 博文链接：https://bageer707.iteye.com/blog/74458
vue子页面调用父页面的方法v-on
zyj_princess的博客
12-07 5795
当子页面提交表单关闭页面，需要刷新父页面，也就是调用父页面查询列表的方法 1，首先在父页面先对需要调用的方法进行绑定 &lt;el-dialog width="90%" :visible.sync="data.dialogFormVisible" &gt;           &lt;ViewListUser v-if="data.dialogFormType==DIALOG_F...
vue子组件调用父组件父页面的方法
热门推荐
boy火巨的博客
02-15 3万+
如图：选择城市后，页面重新请求数据！（城市选择是子组件）选择完后不刷新页面，重新调用接口渲染主页面！ 第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template&gt...
vue父子页面互相调用方法及属性
weixin_42401141的博客
04-06 1万+
vue 参数传递 父子组件相互调用
vue 子组件调用父组件方法的几种方式
qq_42730111的博客
06-07 3265
在父组件中通过 props 的方式传入子组件中，在子组件中直接调用这个方法。在嵌套层级很深的子组件中不建议使用 props 的方式传递父组件的方法，因为层层传递会导致代码变得难以维护。在子组件中通过 this.$parent.event 的方式来调用父组件的方法。在嵌套层级很深的子组件中不建议使用该方式。在子组件中使用 $emit 向父组件触发一个事件，然后在父组件中监听该事件。在嵌套层级很深的子组件中不建议使用该方式。provide 向子孙组件提供父组件的方法或属性。
vue中子组件调用父组件的方法
qq_42994986的博客
08-02 1136
Vue中子组件调用父组件的方法，这里有三种方法提供参考 第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template> <script> import child from '~/components/dam/child'; export default { components: {
vue子组件调用父组件中的方法、值的几种方式
高宇辰
08-12 9514
有时候，我们会把方法定义在父组件中，然后在多个子组件中调用父组件的方法，这是很常见的场景。那么，在子组件中调用父组件的方法有哪几种方式呢？
vue子组件调用父组件的方法
记录本人工作中遇到的问题、经验总结以及分享。
07-08 7014
【代码】vue子组件调用父组件的方法。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值