vue router-link 怎样实现 从本页面跳转到本页面 仅传的参数不同

Question

一个类似于qq个人信息信息中心，下面有访客记录，点击访客记录跳转到访客的个人信息中心，页面仍然是本页面，仅？后面跟的id不一样，该怎样实现啊？

<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

Answer 1

不用router-link 直接用@click点击事件，把hd.uid带过去，然后js里this.$router.push({name: '路径名', params: {id: id}})

Answer 2

:to="`/friendinfo?id=${hd.uid}`"watch $route 或者 beforeRouteUpdate 请求数据