1、 在 template
内写入 uni-segmented-control
基础写法
<uni-segmented-control :current="current" :values="items" :style-type="styleType" @clickItem="onClickItem" activeColor="#81D8D0" />
2、在 script
里面写入方法
<script setup>const current = ref(0)const styleType = ref('text')const items = ref([])// 定义每一个 item 对应的总数const totalPend = ref(0)const totalDeal = ref(0)const totalRefuse = ref(0)function updateItems() {items.value = ['待处理' + '(' + totalPend.value + ')','审核中' + '(' + totalDeal.value + ')','已驳回' + '(' + totalRefuse.value + ')']}function onClickItem(e) {current.value = e.currentIndex}// 在获取列表总数的方法内加入 `updateItems()` 方法</script>
效果如下: