blackteay/Vue3-Vite-Vant-TS-H5
1
0
Fork 0
mirror of https://github.com/talktao/Vue3-Vite-Vant-TS-H5.git synced 2025-06-02 06:29:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

add：底部TabBar公共组件封装

Browse Source
This commit is contained in:
talktao 2022-03-18 23:28:05 +08:00
parent 3e99d73a82
commit a7b83f5f63
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/TabBar.vue
View File

@ -14,7 +14,7 @@ import { reactive, ref } from 'vue'
}
const props = defineProps<tabProps>()
console.log(props.data,'props.data');
console.log(props.data,'props.data');
const emit = defineEmits(['chang'])
@ -30,11 +30,11 @@ import { reactive, ref } from 'vue'
</script>
<template>
<div>
<van-tabbar fixed route v-model="active" @change="onChange">
<van-tabbar-item v-for="(item, index) in props.data" :to="item.to" :name="item.name" :key="index" :icon="item.icon">{{item.title}}</van-tabbar-item>
</van-tabbar>
</div>
<div>
<van-tabbar fixed route v-model="active" @change="onChange">
<van-tabbar-item v-for="(item, index) in props.data" :to="item.to" :name="item.name" :key="index" :icon="item.icon">{{item.title}}</van-tabbar-item>
</van-tabbar>
</div>
</template>