通过 iframe引用的vue文件之间的方法互调
假设有两个文件
general.vue(这是一个vue多入口生成的实例,会被打包为一个单独的general.html)
generalPage.vue(这个文件通过iframe引入general.html)
那么,如何在general.vue里触发generalPage.vue中的方法vueFun?
方法如下:
1.在general.vue中通过parent.vueFun(params)调用函数
general.vue------------------------------------------------------------------------------------------------------
<template>
<div class="main-cotent">
<span @click='checkButtonClick({linktype: item.linktype, type: "a"})'>调用</span>
</div>
</template>
<script>
export default {
name: 'general',
created () {
},
methods: {
checkButtonClick (params) {
parent.vueFun(params)
}
}
}
</script>
1.在generalPage.vue中,在created中将vueFun 注册为全局即可调用
generalPage.vue------------------------------------------------------------------------------------------------
<template>
<div class="main-cotent">
<iframe id="windowiframe" frameborder="no" border="0" src="general.html"></iframe>
</div>
</template>
<script>
export default {
name: 'generalSurvey',
created () {
window.vueFun = function (params) {
alert('hello')
}
}
}
</script>
通过 iframe引用的vue文件之间的方法互调相关推荐
- vscode 新建php模板,使用VSCode快速创建vue文件模版的方法介绍
VSCode怎么自定义代码模版?下面本篇文章给大家介绍一下VSCode快速创建vue文件模版的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 修改位置 打开vscode首选项- ...
- ibooks打开iframe引用的html文件乱码
环境:ipad2,ios9.0.2,ibooks4.4(3402) 制作的epub含有某一页有iframe标签,引用的html文件是用utf-8带bom的(二级制EF BB BF开头),但是是用vs2 ...
- golang 相互引用_Go 不同文件之间的引用
同一个包里面,不同文件之间,不需要 import,直接用就好.不同包的话,需要引用包,只能使用大写字母开头的方法 ,变量 等等,小写子母开头的只能包内使用. 简单来说 :大写字母开头的变量,方法暴露给 ...
- vue i18n 国际化 使用方法
1 先安装 npm install vue-i18n 2 新建文件assets/js/i18n.js 3 引入vue-i18n并注册到vue上 import VueI18n from 'vue-i ...
- vue引用自定义.js文件 (常量抛出 + 地址三级联动为例)- 语法篇
文章目录 vue如何引用`自定义封装的` `.js`文件? `如何操作,详细如下.`(注意代码注释部分:注意1/2/3/4/5) 一.效果图预览: 二.以自定义`area.min.js`文件为例: 三 ...
- vue引用自定义.css文件 - 语法篇
vue如何引用外部自定义的.css文件 ? 一般都会因为存在权重或优先级设置的问题才会侧意引用: [详情进入查看:如何在scoped不污染组件样式的前提下,实现el-input组件样式覆盖?] 再者, ...
- vue 引用src中的文件_Vue中引用第三方JS文件
使用Vue时会经常使用jQuery.bootstrap这类第三方工具库,而boostrap的渲染不仅依赖于jQuery js文件的加载,也依赖于HTML中DOM树内容的加载.但Vue中DOM树是有Vu ...
- vue,js,html三种文件之间是怎样的关系?
vue,js,html三种文件之间是怎样的关系? 比如说,我创建一个js文件,vue实例是在js中创建,component组件也是在js中注册, 然后我去html中导入这个JS,这个时候我就可以在ht ...
- 从零开始开发一个vue组件打包并发布到npm (把vue组件打包成一个可以直接引用的js文件)
自己写的组件 有的也挺好的,为了方便以后用自己再用或者给别人用,把组件打包发布到npm是最好不过了,本次打包支持 支持正常的组件调用方式,也支持Vue.use, 也可以直接引用打包好的js文件, 配合 ...
最新文章
- Windows Phone开发(16):样式和控件模板
- 素数定理π(n)~n/lnn弱化版证明
- Clojure 入门
- C++语言map和unordered_map的下标操作
- WebHttpBinding的流传输模式让我头大了
- 对弈程序基本技术----Alpha-Beta搜索
- java必知必会_Java必知必会--spring解析基础篇
- CentOS安装使用.netcore极简教程(免费提供学习服务器)
- navicat循环执行上下两行相减sql语句_SQL语句的优化分析
- c++中的运算符重载---知识点:运算符重载函数,友元函数,函数重载
- 网站站长综合seo在线查询工具源码
- 浅谈JavaScript中的apply、call和bind
- 转:敏捷方式scrum 方案
- n的阶乘末尾含0的个数
- Python数字图像处理
- OpenCV判断图片是否是黑白图片
- DELL新版BIOS重装系统win10
- html5快速制作,html5动画制作(教你如何快速绘制HTML5动画)
- 概率论的学习和整理--番外11:10球里8红球2白球,抽俩次抽中白球的概率是多少呢? 一个例题的不同方法
- Java训练work3.Exer2---跳跃最大长度
热门文章
- django中间件小知识
- 项目实训----Unity多人游戏开发----第七篇
- Android Systrace 基础知识(9)-MainThread 和 RenderThread 解读
- anyRTC云端录制功能上线
- mysql管理数据 并上传至云端_数据库MySQL可以实现云端存储_数据分析_数据管理_课课家...
- Spark GraphX在淘宝的实践
- 拼多多API接口,Onebound数据
- 文字选中行 字体凸出变大变亮效果
- 如何用JAVA写一个简单的电脑客户端应用
- Django微信开发