<template> <view class="sub-nav bg-white"> <view class="item font32" :class="curIndex==index?'color-blue':''" @tap="changeEv(index)" v-for="(item,index) in subNavList" :key="index">{{item}}</view> </view> </template> <script> import { mapState } from 'vuex'; //引入mapState export default { name:'tabbar', data() { return { subNavList:['待确认','已确认'], curIndex:0 }; }, methods:{ // 选择栏目 changeEv(index){ if(index!==this.curIndex){ this.curIndex = index; // 传值 this.$emit("changeEv", index); } } } } </script> <style scoped> .sub-nav{ display: flex; align-items: center; padding: 0 30rpx; } .sub-nav .item{ display: flex; justify-content: center; align-items: center; width: 50%; height: 80rpx; } </style>