layui 选项卡无法切换

最新推荐文章于 2022-12-30 11:17:24 发布

varz

最新推荐文章于 2022-12-30 11:17:24 发布

阅读量8k

点赞数 1

分类专栏： WEB

WEB 专栏收录该内容

3 篇文章

订阅专栏

博客转载自segmentfault，提出使用layui时选项卡切换不了的问题，并将给出解决办法，聚焦于前端开发中layui框架的使用问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载于：https://segmentfault.com/q/1010000017940823/revision

问题：在使用layui时，选项卡切换不了。

办法：

<script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
    var element = layui.element;
    
    element.on('tab(table_box)', function (data) {
        console.log(data);
            if(data.index == 0 || data.index == 1 || data.index == 2){
            //这里的index表示有多少个选项卡
            $(document).resize()
            }
        });
    });
</script>

<div class="layui-tab layui-tab-card" lay-filter="table_box">