vue中内嵌iframe的src更新页面未刷新问题的解决方法

--写项目又叕叕遇到问题了

--vue中内嵌iframe的src，虽然是定义变量动态获取src如下

 <iframe
          width="610px"
          height="650px"
          :src="detail_url"
          style="margin: 0 auto; padding: 0"
        >
        </iframe>

--但是iframe的内部页面没更新

原因：iframe的src中如果带hash=>#,src改变是不会刷新的内部页面的，我在网上找了一个最简单的写法之一来解决这个问题，加上一个:k属性，说是强制刷新。我也看其他的说是iframe页面未重新渲染导致的啥数值没改变出现的问题。

解决方式如图--加上:key属性

 <iframe
          width="610px"
          height="650px"
          :src="detail_url"
          style="margin: 0 auto; padding: 0"
          :key="key"
        >
 </iframe>


 const key = ref(null) //全局
 key.value = new Date().getTime() //如果是查看页面，放查看事件中