layui打開iframe窗口不刷新的問題

這個(gè)問題可能是我工作以來,最死磕不算bug的一個(gè)了,晚上熬夜到三點(diǎn)鐘,終于找到了解決的辦法。

問題所在,我所用的layui后臺管理系統(tǒng)的框架是之前遺留下來的,2017年的版本,iframe窗口不刷新的問題,也就是框架本身的緩存問題,現(xiàn)在layui針對這一問題已經(jīng)升級版本,就不存在問題了。

先說一下要修改的地方:點(diǎn)擊左側(cè)的菜單欄(即打開一個(gè)新的iframe層頁面),第一次打開的窗口會(huì)刷新,但是再次點(diǎn)擊左側(cè)菜單的時(shí)候就不會(huì)刷新了,每次這個(gè)頁面獲取到新的數(shù)據(jù),iframe窗口里面都是有緩存的,都需要手動(dòng)F5刷新才會(huì)更新,因此帶來不便。

改為:每次點(diǎn)擊左側(cè)菜單,都會(huì)觸發(fā)一次刷新事件。

解決辦法:打開tab.js文件
1:在配置里面添上

autoRefresh:true

2:寫自動(dòng)刷新的代碼

if(_config.autoRefresh) {
                     _config.elem.find('div.layui-tab-content > div').eq(tabIndex).children('iframe')[0].contentWindow.location = data.href;
                    /*_config.elem.find('div.layui-tab-content > div').eq(tabIndex).children('iframe')[0].contentWindow.location.reload();*/
                }

ok,重新啟動(dòng)項(xiàng)目的時(shí)候,會(huì)發(fā)現(xiàn)緩存的問題已經(jīng)解決。


原文作者:祈澈姑娘 技術(shù)博客:http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子,愛編程,愛運(yùn)營,文藝與代碼齊飛,魅力與智慧共存的程序媛一枚。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問題,堅(jiān)持記錄工作中所所思所見,對于博客上面有不會(huì)的問題,可以加入qq技術(shù)交流群聊:702834751

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,817評論 1 45
  • 有時(shí)候,很想沉思,放空…… 放一首神怡安寂的古琴曲《流水》,把思緒涌進(jìn)純靜的幻想里…… 放一首守心惜安的佛樊曲《心...
    賀卿茵閱讀 394評論 0 3
  • 張北路姜博士眼鏡鄭文麗日精進(jìn)218天,相互鼓勵(lì),共同進(jìn)步。 1、比學(xué)習(xí):每天半小時(shí)學(xué)習(xí),提高自己的專業(yè)知識水平 2...
    af13e377fae3閱讀 268評論 0 0
  • 古銅色的臉上 永遠(yuǎn)掛著暖人心的微笑 久久不見 萬語千言化作平淡 隔著時(shí)間這層屏障 她發(fā)現(xiàn)他老了 他生她的時(shí)候 就已...
    馬幾道閱讀 144評論 0 0
  • 今天我們有五項(xiàng)測試 一共是 很難的測試 而我卻全部都測完了 哦 其實(shí)做了兩個(gè) 我一項(xiàng)是排球的一項(xiàng)是 單腳立地 我拍...
    橙子哥閱讀 186評論 0 0

友情鏈接更多精彩內(nèi)容