你是否遇到了vue中使用iframe顯示外部網頁卻無法實現刷新的問題?下面就為大家介紹一種解決方案。
我們可以通過修改iframe的src地址來實現刷新。具體的實現方法如下:
// 獲取iframe元素 var frame = document.getElementById('my-frame'); if(frame){ // 獲取原始src地址 var src = frame.src; // 修改src地址 frame.src = ''; frame.src = src; }
運用以上方法,我們就能夠實現iframe的刷新啦!
另外,需要注意的是,該方法需要在vue的生命周期函數中使用才能保證正確執行。具體可參考如下代碼:
mounted() { var frame = document.getElementById('my-frame'); if(frame){ var src = frame.src; frame.src = ''; frame.src = src; } }
這樣,在組件mounted時就會執行刷新操作,確保iframe可以正常顯示并且實現刷新。
上一篇css3 打字動畫效果
下一篇mysql運維規范