vue寫的tab切換函數

 

<li v-for="(subGroup, index) in group.dataList" :key="index" v-on:click="tab(index)">
              <span>{{ subGroup.NAME }}</span>
            </li>

<ul v-show="index == num" v-for="(cat, index) in group.dataList" :key="index"></ul>

<script>
import { mapState, mapActions } from "vuex";
export default {
  name: "findGoodList",
  props: ["group"],
  data() {
    return {
      num: 0
    };
  },
  methods: {
    tab(index) {
      this.num = index;
    }
  }
};
</script>