如何使用查询从 vue router-link 重定向？

Question

如何向路由器添加查询-link 以便通过单击通知中的 link 将用户重定向到 post 下的评论？

API 给了我们 anchor 的通知和 id 的评论。当 DOM 呈现页面时，它首先加载 post，然后是评论。

这是通知的组成部分：

<template>
 <div>
  <span>
   <i class="g-font-size-18 g-color-gray-light-v1"></i>
    </span>
     <router-link :to="linkFromNotification(item)
                  @click.native="linkFromNotification(item.notification_type)">
    <p>
     <span v-html="item.message"></span>
    </p>
  </router-link>
 </div>
</template>

<script>
import {mapActions, mapGetters} from 'vuex'


 export default {
 props: ['item'],
 computed: {
 ...mapGetters([
 'getNotifications'
  ])
 },
 methods: {
 ...mapActions([
 'readNotification'
 ]),
 linkFromNotification (item) {
    if (item.notification_type === 'user_subscribed') {
      return {name: 'person', params: {id: item.object_id}}
    } else if (['comment_created', 'answer_selected', 'answer_created'].includes(item.notification_type)) {
      return {name: 'show_post', params: {id: item.object_id}}
    } else if (item.notification_type === 'user_coauthored') {
      return {name: 'show_post', params: {id: item.object_id}}
     }
    }
   }
  }
 </script>

Answer 1

如果您的意思是 url 查询，您可以在要返回的对象中使用键查询，如果您的意思是将散列“#”添加到 link 中，您可以使用密钥散列。例如：

{name: 'person', params: {id: item.object_id}, query:{name:"Mohd"}, hash:"214"}

Reference

如何使用查询从 vue router-link 重定向？

how to redirect from vue router-link using query?

javascript

router

query-parameters

vue.js

routerlink