更新记录

1.0.0(2023-08-18) 下载此版本

简易滑动tab scroll-tab


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

简易滑动tab scroll-tab

这是 scroll-tab 插件的基础版本,支持 H5 小程序,如果是在之前的插件上升级的话,请注意参数的变更,触发的事件没有变更。

属性说明

属性名 类型 默认值 说明
data Array [] 数据
value Number/string 0 绑定的数据

使用说明

  • 视图文件
    <scroll-tab @change='changeTab' :data='tabList' v-model="tabIndex"></scroll-tab>
  • 脚本文件
import scrollTab from '@/components/scroll-tab/scroll-tab.vue'
export default {
    components: {
        scrollTab
    },
  data() {
    return {
        tabIndex:0,
     tabList:[
        {
            id:0,
            title:'全部',
            num:1
        },
        {
            id:1,
            title:'待领取',
            num:1
        },
        {
            id:2,
            title:'待发货',
            num:10
        },
        {
            id:3,
            title:'已发货',
            num:9
        },
        {
            id:6,
            title:'已兑换',
            num:0
        }
     ],
    }
    methods:{
        changeTab(e){
            console.log(e,'changeTab--')
        },
    }
  },
}

2、事件说明

名称 参数 说明
change {id,index} tab切换

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问