可以類似這樣：

/**

* 動(dòng)態(tài)創(chuàng)建iframe

* @param dom 創(chuàng)建iframe的容器，即在dom中創(chuàng)建iframe。dom能夠是div、span或者其它標(biāo)簽。

* @param src iframe中打開的網(wǎng)頁(yè)路徑

* @param onload iframe載入完后觸發(fā)該事件。能夠?yàn)榭?/p>

* @return 返回創(chuàng)建的iframe對(duì)象

*/

createIframe(dom, src, onload) {

//在document中創(chuàng)建iframe

var iframe = document.createElement("iframe");

//設(shè)置iframe的樣式

iframe.style.width = "100%";

iframe.style.height = "100%";

iframe.style.margin = "0";

iframe.style.padding = "0";

iframe.style.overflow = "hidden";

iframe.style.border = "none";

//綁定iframe的onload事件,處理事件的兼容問(wèn)題

if (

onload &&

Object.prototype.toString.call(onload) === "[object Function]"

) {

if (iframe.attachEvent) {

iframe.attachEvent("onload", onload);

} else if (iframe.addEventListener) {

iframe.addEventListener("load", onload);

} else {

iframe.onload = onload;

}

}

iframe.src = src;

//把iframe載入到dom以下

dom.appendChild(iframe);

return iframe;

},

總結(jié)

以上是生活随笔為你收集整理的vue 给iframe设置src_vue项目中，iframe的src动态赋值的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。