获取iframe中el-input 的值
时间: 2023-08-10 21:09:49 浏览: 81
js调用iframe实现打印页面内容的方法
如果你想要获取iframe中el-input的值,你可以通过以下步骤来实现:
1. 在iframe中,给el-input添加一个唯一的id,例如:`<el-input id="myInput" v-model="inputValue"></el-input>`。
2. 在父窗口中,获取iframe元素和input元素:
```
const iframe = document.getElementById('myIframe');
const input = iframe.contentWindow.document.getElementById('myInput');
```
3. 获取input的值:
```
const inputValue = input.value;
```
完整的代码如下:
```
<template>
<div>
<iframe src="iframe.html" id="myIframe"></iframe>
<button @click="getValue">获取值</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: '',
};
},
methods: {
getValue() {
const iframe = document.getElementById('myIframe');
const input = iframe.contentWindow.document.getElementById('myInput');
const inputValue = input.value;
console.log(inputValue); // 输出input的值
},
},
};
</script>
```
阅读全文