Vue iframe dialog是一個基于Vue.js開發的彈窗組件，可以嵌入一個iframe來顯示外部網頁。

使用Vue iframe dialog非常簡單，只需要在Vue組件中引入并注冊即可。在組件中調用該彈窗組件時，可以設置彈窗的寬度、高度、標題等參數，并通過設置URL來加載外部網頁。

import VueIframeDialog from 'vue-iframe-dialog'
Vue.use(VueIframeDialog)
export default {
methods: {
showDialog() {
this.$iframeDialog({
width: '80%',
height: '80%',
title: '外部網頁',
url: 'https://www.example.com'
})
}
}
}

此外，Vue iframe dialog還提供了一些特殊的方法和事件，例如可以在iframe加載完成后觸發回調函數，也可以手動關閉彈窗等。

// 手動關閉彈窗
this.$iframeDialog.close()
// 監聽iframe加載完成事件
this.$iframeDialog.on('load', () =>{
console.log('iframe loaded')
})

總體來說，Vue iframe dialog是一個非常方便實用的彈窗組件，可以幫助我們在Vue.js應用中方便地嵌入外部網頁。