资讯专栏INFORMATION COLUMN

vue2.0实现tab效果

lauren_liuling / 2918人阅读

摘要:开始接触,最近工作需要实现一个选项卡效果。在网上看到的方法都是把的每个卡做成一个组件,但是感觉这样的话组件分的很细。后来通过下面的方法实现了。我是我是这个也可以用对象,来实现默认第一个为激活状态实现效果如下

开始接触vue,最近工作需要实现一个tab选项卡效果。在网上看到的方法都是把tab的每个卡做成一个组件,但是感觉这样的话组件分的很细。后来通过下面的方法实现了。




    
    Tabs
    
    


  • {{item}}
我是tab1
我是tab2
实现效果如下:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82351.html

相关文章

  • Vue2.0开发仿豆瓣电影WebApp

    摘要:从之前黄轶老师的高仿外卖开始接触过这个滚动库,感觉体验感很好,用起来也比较顺手,所以在后来的项目联系中就一直在使用。 前言 虽然在此之前已经有类似的仿豆瓣电影的webapp,但或是开发的有些简洁功能不太完善,或是体验感觉得可以再完善下,所以自己摸索着对比豆瓣和豆瓣电影两款app做了一下,初步满足了自己的想法,经过几次完善基本不会出现bug,如果发现存在问题请告诉我修改,谢谢! 2017...

    gplane 评论0 收藏0
  • Vue2.0简易案例

    摘要:由于众所周知的原因,谷歌字体只能过墙后才能被正常加载,而中的原生使用了谷歌字体,在这个案例中改为使用。代码存在,国内访问速度没那么快,初次加载较慢请耐心等待。如果项目对你有所帮助,不妨一下,你的支持是我前进的最大动力。 效果图: showImg(https://segmentfault.com/img/remote/1460000008172654?w=303&h=545); show...

    sourcenode 评论0 收藏0
  • Vue2.0 + ElementUI 手写权限管理系统后台模板(一)——简述

    摘要:简介最近写了一个基于权限管理系统的后台模板,包含了正常项目开发所需的框架功能,开发者使用的时候只需要专注于项目的业务逻辑就好。同时接下来会让你拥有一个自己完全掌控的框架。 简介 最近写了一个基于vue2.0+element-ui权限管理系统的后台模板,包含了正常项目开发所需的框架功能,开发者使用的时候只需要专注于项目的业务逻辑就好。同时接下来会让你拥有一个自己完全掌控的框架。 源码地址...

    _ivan 评论0 收藏0
  • Vue2.0仿今日头条

    摘要:基于仿照今日头条的移动端项目源码地址预览地址前言先占个坑位。项目中还有许多可以完善的地方,不足之处希望小伙伴们可以,我会在这里更新。目前还没有全面地测试该项目,有问题提问,大家一起学习。 toutiao 基于Vue2.0仿照今日头条的移动端项目 源码地址:toutiao_Vue2.0 预览地址:toutiao_Vue2.0 前言 先占个坑位。 之前打算做个东西熟悉vue的使用,由于...

    pepperwang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<