vue 使用iframe让iframe自动获取焦点
时间: 2023-09-02 11:14:02 浏览: 161
vue 自定义指令自动获取文本框焦点的方法
5星 · 资源好评率100%
可以通过在 Vue 的 mounted 钩子函数中,调用 iframe 的 focus 方法来让 iframe 自动获取焦点。具体实现如下:
```html
<template>
<div>
<iframe ref="myIframe" src="http://example.com"></iframe>
</div>
</template>
<script>
export default {
mounted() {
const iframe = this.$refs.myIframe;
iframe.contentWindow.focus();
},
};
</script>
```
在上面的代码中,我们首先通过 `ref` 属性获取了 iframe 元素的引用,然后在 mounted 钩子函数中,获取了 iframe 的 `contentWindow` 对象,并调用了其 `focus` 方法,实现了让 iframe 自动获取焦点的效果。
阅读全文