Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用查询从vue路由器链接重定向?_Javascript_Vue.js_Router_Query Parameters_Routerlink - Fatal编程技术网

Javascript 如何使用查询从vue路由器链接重定向?

Javascript 如何使用查询从vue路由器链接重定向?,javascript,vue.js,router,query-parameters,routerlink,Javascript,Vue.js,Router,Query Parameters,Routerlink,如何向路由器链接添加查询,以便通过单击通知中的链接将用户重定向到帖子下的评论 API为我们提供了通知的anchor和注释的id。当DOM呈现页面时,它首先加载一篇文章,然后加载注释 以下是通知的一个组成部分: <template> <div> <span> <i class="g-font-size-18 g-color-gray-light-v1"></i> </span> <route

如何向路由器链接添加查询,以便通过单击通知中的链接将用户重定向到帖子下的评论

API为我们提供了通知的
anchor
和注释的
id
。当DOM呈现页面时,它首先加载一篇文章,然后加载注释

以下是通知的一个组成部分:

<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>


如果您是指url查询,则可以在返回的对象中使用key query, 如果您的意思是要添加到链接的散列“#”,则可以使用密钥散列。例如:

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

如果您指的是url查询,您可以在返回的对象中使用key query, 如果您的意思是要添加到链接的散列“#”,则可以使用密钥散列。例如:

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

您在查询名称中到底传递了什么?如果我们需要发送到帖子下的注释(请参见第二个条件并在
linkFromNotification
中返回),这是否意味着我们可以传递到查询
comment.id
?您可以像
返回{name:'show_post',params:{id:item.object id}这样传递查询,查询:{comment\u id:comment.id}
如果这就是你的意思?是的,我的意思是。因此,在我添加了查询之后,呈现的页面将如何向下滚动到注释?对于需要使用的滚动,请查看异步滚动部分之前的最后一段代码。你在查询的名称中传递了什么内容?如果我们需要发送到帖子下的注释(参见第二个条件并在
linkFromNotification
中返回,这是否意味着我们可以传递到查询
comment.id
?您可以传递类似
return{name:'show_post',params:{id:item.object_id},query:{comment\u id:comment.id}这样的查询。)
如果这就是你的意思?是的,我的意思是。因此,在我添加了查询之后,呈现的页面将如何向下滚动到注释所在位置?对于需要使用的滚动,请查看异步滚动部分之前的最后一段代码