Vue页面内部切换配置路由

<Menu mode="horizontal" @on-select="douStatus" :active-name="menu">
  <Menu-item name="0">项目1</Menu-item>
  <Menu-item name="1">项目2</Menu-item>
  <Menu-item name="2">项目3</Menu-item>
</Menu>

//初始化
computed: {
  menu() {
    return this.$route.query.menu || "0";
  },
},
//扩展
mounted(){
  console.log('backmMenu',this.$route.query.backmMenu)
  if(this.$route.query.backmMenu){
    this.statisticsStatus = this.$route.query.backmMenu;
    this.douStatus(this.statisticsStatus)
  }else{
    this.statisticsStatus = this.$route.query.menu?this.$route.query.menu : "0"
    this.douStatus(this.statisticsStatus)
  }
},
//方法
methods: {
  douStatus(menu) {
    this.$router.push({
      query: {
        menu
      }
    });
    if(menu === 0){
    	console.log("zhixing ")
    }
  },
},