分类：tab栏

2021
01-21

vue二选一tab栏切换新做法实现

问题描述在我们做项目的过程中，有时候会要做一些tab栏切换效果。有两个tab的，有三个tab的，甚至有五六七八个tab的。平常我们直接拿饿了么的tab组件用就行了，但是偶尔自己闲着没事，自己写个两个tab切换效果的，即二选一效果。闲话少说，上动态效果图本案例适合两个tab的（三个tab的可以仿照我的写，如果是四五个tab用饿了么组件会更快些）代码如下HTML部分<template><divid="app"><divclass="tabWrap"><!--这个结构是t... 继续阅读 >

2020
11-04

解决vant中 tab栏遇到的坑 van-tabs

话不多说，先看下问题描述：我的需求：（和头条的tab栏类似，单击查看头条tab栏）点击tab栏，下方展示出来当前tab栏下的内容列表（A页面），点击列表进入详情内容（B页面），但是返回（A页面）的时候，需要显示刚才被点击的tab栏高亮显示。（如果tab栏横向有滚动条，那也得让被选中的高亮显示）。所以，大部分人的解决办法就是将当前选中的tab的索引缓存起来，等回到该页面的时候，让被缓存的那个高亮显示出来。坑的问题在于：van... 继续阅读 >