鍍金池/ 問答/HTML/ vue router-link 怎樣實現(xiàn) 從本頁面跳轉(zhuǎn)到本頁面 僅傳的參數(shù)不同

vue router-link 怎樣實現(xiàn) 從本頁面跳轉(zhuǎn)到本頁面 僅傳的參數(shù)不同

一個類似于qq個人信息信息中心，下面有訪客記錄，點擊訪客記錄跳轉(zhuǎn)到訪客的個人信息中心，頁面仍然是本頁面，僅？后面跟的id不一樣，該怎樣實現(xiàn)??？

<router-link v-for="(hd,index) in hdinfo"
                       :key="index"
                       :to="{path:'/friendinfo',query:{id:hd.uid}}"
                       tag='li'>
            <span>{{hd.lookname}}</span>
            <i>查看了名片</i>

            <em>{{hd.looktime}} ></em>

          </router-link>

當前頁面為：/index/id_card.html#/friendinfo?id=1021
從當前頁想跳到：/index/id_card.html#/friendinfo?id=1020

回答
編輯回答
玩控

不用router-link 直接用@click點擊事件，把hd.uid帶過去，
然后js里
this.$router.push({name: '路徑名', params: {id: id}})

2017年3月15日 13:21
編輯回答
喵小咪
:to="`/friendinfo?id=${hd.uid}`"

watch $route 或者 beforeRouteUpdate 請求數(shù)據(jù)

2017年9月26日 04:39
編輯回答
放開她
<li v-for="(hd,index) in hdinfo"
                :key="index"
                @click="hdhref(hd.uid)">
              <span>{{hd.lookname}}</span>
              <i>查看了名片</i>
              <em>{{hd.looktime}} ></em>
            </li>

     // 互動點擊跳轉(zhuǎn)事件
        hdhref(uid) {
          this.$router.push({
            path: `/friendinfo/${uid}`
          });
        },

//此部分暫不需要
watch: {
    "$route": {
      handler(val) {
        // console.log(val)
        let str = val.params.id
        this.sid = str.split('_')[0];
        // console.log(this.sid,'sid')
        this.applyid = str.split('_')[1];
        // console.log(this.applyid,'applyid')
        this.gethimInfo();
      },
      immediate: true
    }
  },
2017年8月12日 12:41