vue2.0实现tab效果

lauren_liuling 发布于2019-08-20 15:34 / 2840人阅读

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

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




    
    Tabs
    
    



    
        {{item}}
    
    我是tab1
    我是tab2





实现效果如下：

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

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

Vue2.0开发仿豆瓣电影WebApp

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

gplane 2019-08-20 18:14 评论0 收藏0
Vue2.0简易案例

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

sourcenode 2019-08-20 13:52 评论0 收藏0
Vue2.0 + ElementUI 手写权限管理系统后台模板（一）——简述

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

_ivan 2019-08-23 14:06 评论0 收藏0
Vue2.0仿今日头条

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

pepperwang 2019-08-20 18:26 评论0 收藏0