--写项目又叕叕遇到问题了
--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() //如果是查看页面,放查看事件中