0

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

clipboard.png

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

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

 <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();
  }
lian 0
4 天前提问
0 个回答

撰写答案

推广链接