在Vue中,我們可以通過設(shè)置<iframe>
標(biāo)簽的src
屬性來加載外部網(wǎng)頁(yè)或嵌入其他頁(yè)面。例如,我們可以在Vue組件中嵌入一個(gè)百度搜索頁(yè)面:
<template>
<iframe :src="'https://www.baidu.com/s?wd=' + searchKeyword"></iframe>
</template>
<script>
export default {
data() {
return {
searchKeyword: 'vue'
}
}
}
</script>
在這個(gè)例子中,我們通過動(dòng)態(tài)綁定searchKeyword
來構(gòu)建URL,然后將其作為<iframe>
標(biāo)簽的src
屬性值。因此,每次搜索關(guān)鍵字變化時(shí),<iframe>
標(biāo)簽會(huì)重新加載相應(yīng)的搜索結(jié)果頁(yè)面。
值得注意的是,由于瀏覽器的安全限制,<iframe>
標(biāo)簽所加載的頁(yè)面必須與Vue應(yīng)用程序位于同一個(gè)域名下,否則將會(huì)出現(xiàn)跨域訪問的問題。如果需要加載跨域頁(yè)面,可以考慮使用第三方庫(kù)如postMessage
來進(jìn)行消息傳遞。