blackteay/Vue3-Vite-Vant-TS-H5
1
0
Fork 0
mirror of https://github.com/talktao/Vue3-Vite-Vant-TS-H5.git synced 2025-08-16 01:29:51 +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>() const props = defineProps<tabProps>()
console.log(props.data,'props.data'); console.log(props.data,'props.data');
const emit = defineEmits(['chang']) const emit = defineEmits(['chang'])
@ -30,11 +30,11 @@ import { reactive, ref } from 'vue'
</script> </script>
<template> <template>
<div> <div>
<van-tabbar fixed route v-model="active" @change="onChange"> <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-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> </van-tabbar>
</div> </div>
</template> </template>