<p>有的客户的要求就是要实现点击右侧菜单实现重新刷新页面<img src="http://img.80zx.com/ueditor/image/202308/1691941537d6b416.gif" title="点击重新刷新" alt="点击重新刷新"/></p><p>刚好使用到layuimini于是找到文件public/static/plugs/lay-module/layuimini/miniTab.js找到监听tab切换方法</p><pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'JetBrains Mono',monospace;font-size:9.8pt;"><span style="color:#629755;font-style:italic;">/**<br/></span><span style="color:#629755;font-style:italic;"> * </span><span style="color:#629755;font-style:italic;font-family:'宋体',monospace;">监听</span><span style="color:#629755;font-style:italic;">tab</span><span style="color:#629755;font-style:italic;font-family:'宋体',monospace;">切换<br/></span><span style="color:#629755;font-style:italic;font-family:'宋体',monospace;"> </span><span style="color:#629755;font-style:italic;">* </span><span style="color:#629755;font-weight:bold;font-style:italic;">@param </span><span style="color:#8a653b;font-style:italic;">options<br/></span><span style="color:#8a653b;font-style:italic;"> </span><span style="color:#629755;font-style:italic;">*/<br/></span><span style="color:#ffc66d;">listenSwitch</span>: <span style="color:#cc7832;">function </span>(options) {<br/> options.<span style="color:#9876aa;">filter </span>= options.<span style="color:#9876aa;">filter </span>|| <span style="color:#cc7832;">null;<br/></span><span style="color:#cc7832;"> </span>options.<span style="color:#9876aa;">multiModule </span>= options.<span style="color:#9876aa;">multiModule </span>|| <span style="color:#cc7832;">false;<br/></span><span style="color:#cc7832;"> </span>options.<span style="color:#9876aa;">urlHashLocation </span>= options.<span style="color:#9876aa;">urlHashLocation </span>|| <span style="color:#cc7832;">false;<br/></span><span style="color:#cc7832;"> </span>options.<span style="color:#9876aa;">listenSwichCallback </span>= options.<span style="color:#9876aa;">listenSwichCallback </span>|| <span style="color:#cc7832;">function </span>() {<br/><br/> }<span style="color:#cc7832;">;<br/></span><span style="color:#cc7832;"> </span>element.on(<span style="color:#6a8759;">'tab(' </span>+ options.<span style="color:#9876aa;">filter </span>+ <span style="color:#6a8759;">')'</span><span style="color:#cc7832;">, function </span>(data) {<br/> <span style="color:#cc7832;">var </span>tabId = $(<span style="color:#cc7832;">this</span>).attr(<span style="color:#6a8759;">'lay-id'</span>)<span style="color:#cc7832;">;<br/></span><span style="color:#cc7832;"> </span><span style="color:#808080;">//</span><span style="color:#808080;font-family:'宋体',monospace;">新增监听</span><span style="color:#808080;">tab </span><span style="color:#808080;font-family:'宋体',monospace;">切换，实现显示页面刷新<br/></span><span style="color:#808080;font-family:'宋体',monospace;"> </span>$(<span style="color:#6a8759;">".</span><span style="color:#e8bf6a;">layui-tab-item</span><span style="color:#6a8759;">.</span><span style="color:#e8bf6a;">layui-show</span><span style="color:#6a8759;">"</span>).<span style="color:#ffc66d;">find</span>(<span style="color:#6a8759;">"iframe"</span>)[<span style="color:#6897bb;">0</span>].<span style="color:#9876aa;">contentWindow</span>.<span style="color:#9876aa;">location</span>.<span style="color:#ffc66d;">reload</span>()<span style="color:#cc7832;">;<br/></span><span style="color:#cc7832;"> if </span>(options.<span style="color:#9876aa;">urlHashLocation</span>) {<br/> <span style="color:#9876aa;font-weight:bold;font-style:italic;">location</span>.<span style="color:#9876aa;">hash </span>= tabId<span style="color:#cc7832;">;<br/></span><span style="color:#cc7832;"> </span>}<br/> <span style="color:#cc7832;">if </span>(<span style="color:#cc7832;">typeof </span>options.<span style="color:#9876aa;">listenSwichCallback </span>=== <span style="color:#6a8759;">'function'</span>) {<br/> options.<span style="color:#9876aa;">listenSwichCallback</span>()<span style="color:#cc7832;">;<br/></span><span style="color:#cc7832;"> </span>}<br/> <span style="color:#808080;">// </span><span style="color:#808080;font-family:'宋体',monospace;">判断是否为新增窗口<br/></span><span style="color:#808080;font-family:'宋体',monospace;"> </span><span style="color:#cc7832;">if </span>($(<span style="color:#6a8759;">'.</span><span style="color:#e8bf6a;">layuimini-menu-left</span><span style="color:#6a8759;">'</span>).attr(<span style="color:#6a8759;">'layuimini-tab-tag'</span>) === <span style="color:#6a8759;">'add'</span>) {<br/> $(<span style="color:#6a8759;">'.</span><span style="color:#e8bf6a;">layuimini-menu-left</span><span style="color:#6a8759;">'</span>).attr(<span style="color:#6a8759;">'layuimini-tab-tag'</span><span style="color:#cc7832;">, </span><span style="color:#6a8759;">'no'</span>)<br/> } <span style="color:#cc7832;">else </span>{<br/> $(<span style="color:#6a8759;">"[</span><span style="color:#e8bf6a;">layuimini-href</span><span style="color:#6a8759;">]"</span>).<span style="color:#9876aa;">parent</span>().removeClass(<span style="color:#6a8759;">'layui-this'</span>)<span style="color:#cc7832;">;<br/></span><span style="color:#cc7832;"> if </span>(options.<span style="color:#9876aa;">multiModule</span>) {<br/> miniTab.<span style="color:#ffc66d;">listenSwitchMultiModule</span>(tabId)<span style="color:#cc7832;">;<br/></span><span style="color:#cc7832;"> </span>} <span style="color:#cc7832;">else </span>{<br/> miniTab.<span style="color:#ffc66d;">listenSwitchSingleModule</span>(tabId)<span style="color:#cc7832;">;<br/></span><span style="color:#cc7832;"> </span>}<br/> }<br/> miniTab.<span style="color:#ffc66d;">rollPosition</span>()<span style="color:#cc7832;">;<br/></span><span style="color:#cc7832;"> </span>})<span style="color:#cc7832;">;<br/></span>}<span style="color:#cc7832;">,</span></pre><p><br/></p>
相关文章
