vue iframe 加载完成回调方法
时间: 2023-09-13 17:08:46 浏览: 165
vue加载完成后的回调函数方法
在 Vue 中,可以使用 `iframe` 元素的 `load` 事件来监听其加载完成的回调方法。具体做法如下:
1. 在模板中添加 `iframe` 元素,并绑定 `load` 事件:
```html
<iframe :src="url" @load="iframeLoaded"></iframe>
```
2. 在 Vue 实例中定义 `iframeLoaded` 方法:
```js
export default {
data() {
return {
url: 'https://example.com'
}
},
methods: {
iframeLoaded() {
console.log('iframe loaded');
// 在这里可以执行 iframe 加载完成后的操作
}
}
}
```
当 `iframe` 元素加载完成后,`iframeLoaded` 方法会被调用,你可以在这个方法中执行你需要的操作。
阅读全文