layui的tab和form沖突

tab和form一起使用時候，會出現tab框切換不了。通過js來操控其做出切換動作

<div class="layui-tab" lay-filter="dev_tab">
    <ul class="layui-tab-title">
        <li class="layui-this">基本信息</li>
        <li>業務信息</li>
        <li>板卡信息</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-form">
           <div class="layui-tab-item layui-show">
               <div class="layui-row">
                   <div class="layui-col-sm2" style="line-height: 36px;text-align: center">設備名稱</div>
                   <div class="layui-col-sm4">
                       <input class="layui-input" style="width: 215px" id="dev_name" type="text" placeholder="請輸入設備名稱...">
                    </div>
               <div class="layui-col-sm2" style="line-height: 36px;text-align: center">設備類型</div>
               <div class="layui-col-sm4">
                    <select class="dev_type" id="dev_type" lay-search>
                    </select>
               </div>
          </div>
       </div>
    <div class="layui-tab-item">內容2</div>
    <div class="layui-tab-item">內容3</div>
    </div>
 </div>
</div>

js

// 切換tab框

element.on('tab(dev_tab)', function(data){

    $(".layui-tab-item").each(function (item) {
        $(this).removeClass('layui-show');
        if(item === data.index){
            $(this).addClass('layui-show');
        }
    });
});