vue使用element-ui，页面刷新，导航栏跳转问题（解决）

产生的原因

原因是在使用组件时，设置了默认选中，因此页面刷新，导航发生了变化，而路由及页面并未改变

:default-active="activeIndex"
 data() {
   
      return {
   
        activeIndex: '1',
      };
    },

解决办法

第一步，同样还是要使用默认选中

:default-active="leftNavActive"//这个leftNavActive变量并不在data当中

第二步，使用计算属性，配合路由使用，这一步解决纵向导航栏的问题

  computed: {
   
            leftNavActive: {
   
                get: function () {
   
                    let arr = this.$route.path.split('/');
                    switch (arr[3]) {
   
                        case 'PurchaseOrder':
                            return '/Main/Order'