在两个页面之前有相同的路由出口但参数不同，目前的路由配置及处理方法如下，想知道有没有更方便的方法

Question

A组件有一个 router-link 在A当中有可以改变这个参数的方法，目前参数的状态只有两个，两个参数分别对应B组件的两个按钮对应的方法（如下图，当点击“通知公告”和“新闻动态”时，改变后边 “更多>>”的路由参数）

 <router-link :to="{path:'news',query:{choose:newsChoosed}}">更多>></router-link>

点击“更多”跳转到B组件，B组件中有两个按钮，希望点击两个按钮的时候能响应不同的请求，目前我的做法如下

 <el-button type="primary" plain :class="{blueBg:!select}" @click="getNotice()">通知公告</el-button>
 <el-button type="primary" :class="{blueBg:select}" @click="getNews()" plain>新闻动态</el-button>

 methods: {
    getNotice() {
      this.$router.push({ path: "/news", query: { choose: 1 } });
      this.select = false;
      this.title = "通知公告";
    },
    getNews() {
      this.$router.push({ path: "/news", query: { choose: 2 } });
      this.select = true;
      this.title = "新闻公告";
    },

    checkRoute() {
      let flag = this.$route.query.choose;
      if (flag == 1) {
        this.getNotice();
        console.log(1);
      } else if (flag == 2) {
        this.getNews();
      }
    }
  },
  mounted() {
    this.checkRoute();
  }