色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue iframe 后退

錢瀠龍2年前9瀏覽0評論

在Vue項目中使用iframe時,經常需要實現后退操作,而原生的iframe后退功能卻無法滿足需求。這時候,我們可以借助Vue的路由和iframe的歷史記錄來實現后退功能。

首先,在Vue項目中創建一個路由,來管理iframe的URL地址。在路由配置中,應將iframe的URL地址包含在一個頁面組件中,例如:

const routes = [
{
path: '/iframe',
name: 'iframe',
component: iframePage
}
]

然后,在iframe頁面組件中,使用iframe標簽加載需要展示的頁面。同時,監聽iframe的onload事件,將當前iframe的URL地址存儲到路由的歷史記錄中:

mounted() {
this.$refs.iframe.onload = () =>{
const iframeURL = this.$refs.iframe.contentWindow.location.href
this.$router.push({ name: 'iframe', query: { url: iframeURL } })
}
}

最后,在Vue項目的主頁面組件中,使用router-view標簽來展示iframe頁面。同時,監聽路由的變化,將路由的歷史記錄中存儲的iframe URL地址賦值給當前iframe的src屬性,即可實現后退操作:

通過以上步驟,我們可以在Vue項目中使用iframe,并實現后退操作。當然,還可以根據實際需求,添加前進操作、刷新操作等功能。總之,借助Vue的路由和iframe的歷史記錄,我們可以更加靈活地管理和控制iframe的展示行為。