使用layui框架的选项卡时,刷新地址会导致选项卡内容空白

  • Post author:
  • Post category:其他


使用layui框架的选项卡时,刷新的时候可以使用左侧导航栏的click方法,但是无法触发选项卡的点击事件,Element.tabChange()方法无效。

解决方法是,把每个选项卡的js写成一个函数,调用第一个选项卡的js两次,切换选项卡时调用一次

`      Element.on('tab(app)', function (data) {
            if (data.index == 1) {
                codeTab();
            } else {
                flag = '1';
                appTab();
            }
        });`
  if (flag != '1') {
            appTab();
        }

flag是在调用Element.on方法的标记,用来区分是点击还是刷新,避免js方法重复执行,flag需要声明在layui.use方法外部。



版权声明:本文为simida666原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。