vuejs2 - 在 vuejs 2.5 的路由器链接中设置目标 = '_blank'

Question

如果路由器链接中有设置方法，则使用 vuejs 2.5

target= '_blank'

? 我试过这样：

<router-link :to="{name: 'UserProfileView', params: {id: participantUser.user_id}, target: '_blank' }"  >  

但失败了……

谢谢！

Answer 1

您将在标签上添加target='_blank'喜欢<a>

希望很明确

Answer 2

下面的代码是用参数打开一个新选项卡。

带路由器链接=

<router-link
                  :to="{ name: 'task_section',query: {reportId: item.task,}}"
                  target="_blank"> Link Text
              </router-link>

现在访问发送的数据

this.$route.query.reportId

Answer 3

你必须使用方法。方法看起来像这样：

methods: {
     redirectToUserView(user) {
      const route = this.$router.resolve({
        name: 'UserProfileView',
        params: {id: participantUser.user_id},   
      });
      window.open(route.href, '_blank');
    },
 }