nuxtProject/components/header.vue

<template>
  <nav class="client-head">
    <div class="client-container head-box">
      <a :href="`${baseUrl}`" class="client-head-img"></a>
      <!-- PC菜单 -->
      <pc-nav @navChange="headMenuSelect"></pc-nav>
    </div>
  </nav>
</template>

<script>
  import mtaLink        from '~/components/mtaLink/index';
  import { mapGetters } from 'vuex';
  import PcNav          from './mtaNav/pcNav';

  let _ = require('lodash');
  export default {
    name:       'mtaHeader',
    components: {
      PcNav,
      mtaLink,
    },
    computed: {
      baseUrl() {
        return this.getBaseUrl;
      },
      ...mapGetters(['getBaseUrl'])
    },
    data() {
      return {
        showBtnFlag:false,
        navClass:'head-nav-up',
        headerArr:   [
          {
            content: '首页',
            keyPath: '/',
          },
          {
            content:  '产品与服务',
            keyPath:  '/cpyfw',
            children: [],
          },
          {
            content:  '新闻中心',
            keyPath:  '/news',
            children: [],
          },
          {
            content:  '关于我们',
            keyPath:  '/gywm',
            children: [],
          },

        ],
      };
    },
    methods:{
      headMenuSelect(index){

      },
      navChange(){
        this.navClass = 'head-nav-up'
      },
    },
    created() {
      let str = this.$route.fullPath;
    }
  };
</script>