vue父页面调用方法iframe
时间: 2023-08-22 10:14:09 浏览: 107
iframe子父页面调用js函数示例
在Vue父页面中调用iframe中的方法,可以通过以下步骤实现:
1. 在Vue父页面中,使用`$refs`获取到iframe元素对象。
2. 使用`contentWindow`属性获取到iframe的window对象。
3. 通过window对象调用iframe中的方法。
具体代码如下:
```javascript
this.$refs.iframeName.contentWindow.FunctionName();
```
其中,`iframeName`是你在Vue父页面中给iframe元素设置的ref属性值,`FunctionName`是你想要调用的iframe中的方法名。
这样就可以在Vue父页面中调用iframe中的方法了。
阅读全文