vue中iframe使用方式及传参

Vue中使用iframe的方式与普通HTML页面一样，只需要在template中添加iframe标签即可。

例如：

<template>
  <div>
    <iframe src="https://www.baidu.com"></iframe>
  </div>
</template>

如果需要传递参数给iframe，可以使用url参数的方式，例如：

<template>
  <div>
    <iframe :src="'https://www.baidu.com/s?wd=' + keyword"></iframe>
  </div>
</template>

<script>
export default {
  data() {
    return {
      keyword: ''
    }
  }
}
</script>

这样就可以将keyword作为参数传递到iframe中的URL中。注意，这里使用了Vue的数据绑定方式，将keyword绑定到iframe的src属性上。

另外，如果需要在iframe中调用父页面的方法或者获取父页面的数据，可以使用window.parent来访问父页面的全局变量和方法。例如，在iframe中调用父页面的方法：

<template>
  <div>
    <iframe @load="onIframeLoad"></iframe>
  </div>
</template>

<script>
export default {
  methods: {
    onIframeLoad() {
      window.parent.myMethod()
    }
  }
}
</script>

这里定义了一个onIframeLoad方法，当iframe加载完成后调用该方法，然后使用window.parent来调用父页面的myMethod方法。