js实现选项卡切换效果

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

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

 

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

二、页面

 

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

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

 

posted @   danmo_xx  阅读(213)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示