Vue 组件库vant的tabBar

最新推荐文章于 2024-07-19 10:38:57 发布

折骨成诗啊

最新推荐文章于 2024-07-19 10:38:57 发布

阅读量4k

点赞数 2

分类专栏：组件文章标签：组件

本文链接：https://blog.csdn.net/chenmengna_na/article/details/102611685

版权

本文档介绍了如何在Vue项目中创建一个名为tabbar.vue的组件，并详细说明了如何在应用中正确引用这个TabBar组件，实现功能集成。

摘要由CSDN通过智能技术生成

1. 创建tabbar.vue

<template>
    <div>
        <router-view />
        <van-tabbar v-model="active">
            <van-tabbar-item
                v-for="(item,index) in tabbars"
                :key="index"
                :to="(item.name)"
            >
                <span>{
   {
   item.title}}</span>
                <img
                    slot="icon"
                    slot-scope="props"
                    :src="props.active ? item.active : item.normal"
                />