vue项目中引入一个iframe怎么去获取这个iframe里面的函数呢？

系统管理员 2022-12-08 05:28 140阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70][]

这是一个vue的页面。我在这里用到了一个iframe。这是一个弹窗才显示的内容。

下面是iframe的内容。有两个按钮取消和提交。这个是在外部界面里的内容。

我要在点击取消和确定的时候把iframe里面的值获取到，在iframe里面写个函数是可以很容易获取到内容的，但是我们要在外部调用这个函数。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 1][]

首先我们在iframe的界面里定义两个函数

function cancel()\{

console.log("取消")

\}

function sure()\{

console.log("提交")

\}

外部界面的取消和提交按钮里面写，也就是methods里面定义的函数里面使用下面方法就可以啦。

**document.getElementById("iframeid").contentWindow.**函数名

fillCancel()\{

document.getElementById("iframeid").contentWindow.cancel();

\},

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70]: /images/20221123/199e0583060c4d0da7ec6a71d7f8c481.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 1]: /images/20221123/a49989c3787b4a8f85e807113c5695eb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，140人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery获取iframe中的元素，在iframe中获取父窗体的元素

jQuery获取iframe中的元素，在iframe中获取父窗体的元素][jQuery_iframe_iframe] 转载于:https://www.cnblogs.c...

怼烎@/ 2024年04月20日 10:49/ 0 赞/ 41 阅读

相关 php获取iframe里面元素的值,用JavaScript获取iframe里的值

在Web开发时，很多时候会遇到一个问题。我在一个页面嵌入了iframe，并且我想获得这个iframe页面某个元素的值。那么该如何实现这个需求呢？先来看下演示：效果演示

冷不防/ 2023年01月17日 15:55/ 0 赞/ 117 阅读

相关 vue项目中引入一个iframe怎么去获取这个iframe里面的函数呢？

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMz

系统管理员/ 2022年12月08日 05:28/ 0 赞/ 141 阅读

相关 iframe的外部访问他里面的layui.use里面的函数

外部 1.引入layui.all.js 2. <div class="layui-tab-item staffiframe"> <

淩亂°似流年/ 2022年11月16日 04:54/ 0 赞/ 77 阅读

相关 jquery 获取子iframe里面的元素

父iframe <html> <head> <title>bootstrap test</title> <script src="/bootstrap/js/jq

绝地灬酷狼/ 2022年09月29日 13:51/ 0 赞/ 231 阅读

相关 vue插入iframe

方法一：通过document.querySelector嵌入 <template> <div id="iframeContainer">

爱被打了一巴掌/ 2022年09月12日 11:42/ 0 赞/ 122 阅读

相关 jQuery获取iframe中的元素，在iframe中获取父窗体的元素

在父窗口中获取iframe中的元素方式1：格式：$("iframe的ID").contents().find("iframe中的控件ID").click();

柔光的暖阳◎/ 2022年06月01日 13:14/ 0 赞/ 262 阅读

相关 iframe的操作-Js/Jquery获取iframe中的元素

Js/Jquery获取iframe中的元素在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父

本是古典何须时尚/ 2022年05月28日 10:06/ 0 赞/ 245 阅读

相关 layer.open 获取iframe中的变量，调用iframe中的方法，获取iframe中的dom元素

layer.open({ type: 2, title: '', sha

青旅半醒/ 2022年05月27日 03:59/ 0 赞/ 643 阅读

相关 iframe——在父iframe中清空子iframe的内容

摘要： > 在父iframe中通过点击事件，清空子iframe页面的内容。 > > > 解决办法： `<script>` `window.onload=``f

蔚落/ 2021年06月24日 15:58/ 0 赞/ 985 阅读