组件tabs太难受?我手搓了原生选项卡

本文探讨了在前端开发中,面对组件化的便利与样式定制的需求之间的矛盾。作者分享了自己选择手写原生选项卡的原因,认为自定义样式比修改组件更容易。文章提供了一个简单的原生选项卡实现思路,通过点击事件控制内容的显示隐藏,强调了自定义代码在某些情况下的优势。
摘要由CSDN通过智能技术生成

现在基本上是个页面都需要用到tabs选项卡。你的第一反应是什么?百分之99的人第一反应都是用组件吧,百分之1的人已经用组件做完了。也对在这个属于快速搭建的时代 用组件又快捷又方便有什么不好呢?

样式不符合 需要自己调

拿element来说 每个组件基本上都是给几个差不多样式差不多功能的代码块放在一页 用就拿 不想要这个样式就自己改 改组件的样式也不难 就是有点繁琐 控制台一层层找 找到了改不了还需要样式穿透它一下 像我这种就要它一个功能然后样式一点都不一样的还不如自己手写一个原生的出来

好的看下原生的效果

 这功能不是组件都有吗?为什么要自己手写?

功能组件确实有 样式却要重新调 我感觉看它组件的代码样式一层套一层的类改不如自己从0开始写

至少知道自己写的那一块 类名什么的也都好调整  原生的tabs也不难其实也就几行代码 在这个属于组件的时代谁又会去手敲一个模块呢?

与其在别人的样式上改 不如自己写一个 想必很多人是这样的吧。

原生选项卡怎么写?

思路是点击显示隐藏 我用的是v-show来控制css里面的display:none;

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值