vue中重新加载iframe iframe带上参数

在Vue.js中，如果你想重新加载一个`<iframe>`元素并传递参数，可以使用JavaScript操作DOM，并结合Vue的数据绑定特性。以下是一个简单的示例：

<template>
  <button @click="reloadIframe">点击重新加载</button>
  <iframe :src="iframeSrc" id="myIframe"></iframe>
</template>

<script>
export default {
  data() {
    return {
      iframeSrc: '初始URL', // 需要替换为你实际的初始iframe地址
      reloadParams: { param1: 'value1', param2: 'value2' }, // 要传递的参数
    };
  },
  methods: {
    reloadIframe() {
      // 获取iframe元素
      const iframe = document.getElementById('myIframe');
      
      // 构造新的url，通常会拼接查询字符串形式的参数
      let newUrl = this.iframeSrc;
      if (this.reloadParams) {
        newUrl += '?' + new URLSearchParams(this.reloadParams);
      }

      // 更新iframe的src属性，触发重新加载
      iframe.src = newUrl;
    },
  },
};
</script>

在这个例子中，当你点击按钮时，`reloadIframe`方法会被调用，它首先获取到iframe元素，然后创建一个新的URL，将参数添加到URL的查询字符串部分，最后更新`iframe`的`src`属性。