msyj-admin-org/src/modules/client-set/ClientSet.vue

<template>
  <div class="client-set">
    <div class="page-navs">
      <Button
        :type="curNav.name === nav.name ? 'primary' : 'default'"
        v-for="(nav, index) in navs"
        :key="index"
        @click="switchNav(nav)"
        >{{ nav.title }}</Button
      >
    </div>

    <router-view />
  </div>
</template>

<script>
import { clientSet } from "@/constants/authority";
import menuMixins from "@/components/homeMenuMixins";

export default {
  name: "client-set",
  mixins: [menuMixins],
  data() {
    return {
      navs: clientSet,
      curNav: {}
    };
  },
  watch: {
    $route: {
      handler(val) {
        this.actCurNav(val);
      }
    }
  },
  mounted() {
    this.actCurNav(this.$route);
  },
  methods: {}
};
</script>