uniapp里面的u-tabbar点击跳转事件没有选中的状态点击返回才有

在uni-app中，u-tabbar组件的点击跳转事件默认没有选中状态，只有在点击返回按钮时才会触发选中状态。如果你想在点击u-tabbar时也触发选中状态，可以通过以下步骤实现：

1. 在u-tabbar组件上添加一个点击事件监听器，例如：

<u-tabbar @click="handleTabClick">
  <!-- tabbar的内容 -->
</u-tabbar>

2. 在data中定义一个变量来保存当前选中的tab的索引，例如：

data() {
  return {
    activeTab: 0, // 默认选中的tab索引为0
  };
},

3. 在methods中定义handleTabClick方法来处理点击事件，并更新activeTab的值，例如：

methods: {
  handleTabClick(index) {
    this.activeTab = index;
  },
},

4. 在u-tabbar的每个tab上添加一个class绑定，通过判断activeTab的值是否与tab的索引相等来决定是否添加选中状态的class，例如：

<u-tabbar @click="handleTabClick">
  <u-tabbar-item :class="{ 'active': activeTab === 0 }">Tab1</u-tabbar-item>
  <u-tabbar-item :class="{ 'active': activeTab === 1 }">Tab2</u-tabbar-item>
  <!-- 其他tabbar-item -->
</u-tabbar>

5. 在样式中定义选中状态的样式，例如：

.active {
  color: red; // 设置选中状态的样式
}

这样，点击u-tabbar的每个tab时都会触发选中状态的改变，并可以通过activeTab的值来控制选中状态的样式。