js实现选项卡切换效果

前言:js实现tabs切换,按钮的样式可以自己控制,还是蛮方便的

一、tabs的title渲染,可以自己在data中定义数组进行渲染,方便拿到index

js实现选项卡切换效果

 

 解释:1、v-for循环的tabs的title,2、:class高亮 3、click点击事件,要传index

二、页面

js实现选项卡切换效果

 

 解释:tabs两个页面是组件的形式, v-if是和下面的click点击事件匹配

三、点击事件 (ind是在data中定义的,默认值是0)

js实现选项卡切换效果

 

上一篇:在datagrid列中添加下拉列表//笔记、非原创


下一篇:jquery重点基础知识更新(完结)第Ⅲ篇