1、实现效果
2、思路
1)高亮的activeTab属性绑定到modelValue(prop)
2) 触发tab栏时,触发update:modelValue
3、组件代码
1)HTML
<div class="my_tabs">
<div class="tab_nav" v-for="item in data.tabArr" :key="item.key" @click="tabClick(item)" :class="item.isActive? 'tab_nav_active' : 'tab_nav_normal">
<div class="my_tabs_nav_title">{
{ item.title }}</div>
</div>
</div>
2) ts
const props = defineProps({
modelValue: {
type:[String,Number]
},
tabArr: {
type: Array,
default: () => {
return [{title:'tab栏1&#