tab标签菜单切换

tab标签菜单切换 tab 菜单

tab标签切换内容

作者： 102***@qq.com 已实名认证

进入交流群

下载人数: 91 下载次数: 127

收藏人数: 0

（0）

插件ID：gy-tabs

插件包体积：3KB

更新日期：2023-02-07

版本：1.0.0

下载插件并导入HBuilderX

注意：导入此插件需要使用 2.9+ 以上版本的 HBuilderX

赞赏（0）

本站所有收费插件均支持免费试用，切勿私下交易或购买不可正常试用的插件，而造成不必要的纠纷。

更新记录

1.0.0（2023-02-07）下载此版本

初始化tab

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
×	×	×	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	×	×	×	×	×	×	×

使用示例

<template>
    <view class="wrap">
        <gy-tabs @change="handleChange" v-model="active" borderShow fixed>
            <gy-tab-pane title="未读">
                <view slot="pane">
                    1
                </view>
            </gy-tab-pane>
            <gy-tab-pane title="已读">
                <view slot="pane">
                    2
                </view>
            </gy-tab-pane>
        </gy-tabs>
    </view>
</template>

<script>
    import gyTabs from '@/components/gy-tabs/gy-tabs.vue'
    import gyTabPane from '@/components/gy-tabs/gy-tab-pane.vue'
    export default {
        components: {
            gyTabs,
            gyTabPane
        },
        data() {
            return {
                active: 0
            }
        },
        methods: {
            handleChange(ind) {
                console.log(ind);
            }
        }
    }
</script>