情不知从何起,一往而情深
排名
6
文章
199
粉丝
4
评论
3
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

vue+layui默认选中第一个tab

6988人阅读 2020/6/6 21:37 总访问:1110430 评论:0 收藏:0 手机
分类: 前端

可以利用v-for中的index,然后使用一个三目运算即可

  1. <ul class="layui-tab-title">
  2.         <li v-for="(item,key,index) in data" v-bind:class="index==0?'layui-this':''" v-bind:lay-id="key" :key="item.key">{{key}}</li>
  3. </ul>


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

可输入下拉文本框,据输入,动态加载数据 jquery-editable-select

用到一个jquery-editable-select的控件github地址:https://github.com/indrimuska/jquery-editable-select这个插件的原理是...

Nestable设置不能拖动

让 Nestable 组件不能拖动,直接在jquery.nestable.js 文件中源码搜索var onStartEvent = function(e) 方法里面的list.drag...

网页上传文件断点续传的实现,无视文件大小上传,以及datatables基本用法

首先明白js是客户带执行代码,c#是服务器上执行代码。本地文件需要用到js处理,服务器端接受c#代码处理1.HTML页面,文件信...

判断table表格中checkbox 未选中的数据

判断table表格中checkbox 未选中的数据 var arrays = $(table).find(&quot;input[name=&#39;sel_sw&#39;]:not(:checked)&qu...

点击input弹出table数据表格

先看下效果图 插件下载地址https://gitee.com/lolicode/layui_component_tableselect 因为是以layer基础开发所以要引用lay...

.net Core From Database Layer To UI Layer

Here we have created the database.OK,let&#39;s GO!First:You need create a new .net core to web application!And crea...

bootstrap中的datatables

就是这种直接支持页面分页,排序,搜索什么的注意需要相关的js和样式然后js把表格变成dataTable就可以了Bootstrap模板中使...

datatable加上复选框

直接贴代码 &quot;columnDefs&quot;: [ { &#39;targets&#39;: 0, &#39;searchable&#39;:false, &#...

Datatable 怎么在生成的js文件中添加复选框

前言hello大家好咋们又见面了我是你们熟悉的小付今天给大家分享的是DataTable怎么在生成的js文件中添加复选框 话不多说直...

Datatables-Checkboxes 中的复选框

在后台左边添加一列复选框如下随后实现复选框全选全不选中//页面上点击此属性,将当前页的列表数据全部选中 $(&#39;#sel...

layui tab菜单添加点击事件

layui 实现Tab菜单很简单使用下面的代码即可&lt;divclass=&quot;layui-tab&quot;lay-filter=&quot;test1&quot;&gt; &lt;ul...

layui tab切换更改同一个内容

layui tab切换时如何更改同一个内容呢,不用一个tab对应一个内容,就相当于改变同一个内容,其实很简单就是只留layui-tab-c...

Layui table按钮事件无效

注意:layui绑定事件的时候table.on(&#39;tool(test)&#39;)这里的test并不是表格的id,而是lay-filter=&quot;test&quot;,所...

layui给table中的单选按钮添加点击事件

比如这样的一个表格其实用form.on就行了,里边接你需要监听事件的类型比如单选就是radio后面的premissonradio就是lay-filte...

Abp tatable插件实现页面跳转查询数据

columnDefs:[ { targets:0, data:&quot;identification&quot;, render:function(data){ //此处是跳转页面连接(根指定...