帮我编写uniapp微信小程序传值到tabbar页面

当用户点击tabbar页面时，uniapp会触发onTabItemTap事件，我们可以在这个事件中获取到当前点击的tabbar页面的索引值，然后将这个索引值传递给目标页面，目标页面再根据这个索引值来显示对应的内容。

以下是示例代码：

// 在tabbar页面中定义onTabItemTap事件
<template>
<view>
<text>这是tabbar页面</text>
<tabbar :active="active" @click="onTabItemTap">
<tabbar-item icon="home">首页</tabbar-item>
<tabbar-item icon="search">搜索</tabbar-item>
<tabbar-item icon="setting">设置</tabbar-item>
</tabbar>
</view>
</template>

<script>
export default {
data() {
return {
active: 0 // 当前选中的tabbar页面索引值
}
},
methods: {
onTabItemTap(index) {
this.active = index // 更新当前选中的tabbar页面索引值
uni.navigateTo({
url: '/pages/targetPage/targetPage?index=' + index // 将索引值传递给目标页面
})
}
}
}
</script>

// 在目标页面中获取传递过来的索引值，并显示对应的内容
<template>
<view>
<text>这是目标页面</text>
<text v-if="index === 0">显示首页内容</text>
<text v-if="index === 1">显示搜索内容</text>
<text v-if="index === 2">显示设置内容</text>
</view>
</template>

<script>
export default {
data() {
return {
index: 0 // 默认显示首页内容
}
},
onLoad(options) {
this.index = options.index // 获取传递过来的索引值
}
}
</script>