设置只读最核心的代码只有一个 style=“pointer-events: none;”
外部按钮切换tab的核心代码:
要使用layui 的element这个组件对象
最外面的一层div要定义过滤器的名字,element.tabchang中的第一个参数就是过滤器的名字
每个tab的 li 标签中定义lay-id,第二个参数就是lay-id的值
定义一个按钮,设置类名 btnclassname,还要设置dataType 为tab的哪个操作,js中添加click事件,具体看下方代码
<div class="layui-tab layui-tab-brief" readonly lay-filter="filtername">
<ul class="layui-tab-title" style="pointer-events: none;">
<li class="layui-this" lay-id="11">Tab1</li>
<li lay-id="22">Tab2</li>
<li lay-id="33">Tab3</li>
<li lay-id="44">Tab4</li>
<li lay-id="55">Tab5</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-carousel" id="test1">
<div carousel-item>
<div><p class="layui-bg-green demo-carousel">在这里,你将以最直观的形式体验 layui!</p