首页 > 解决方案 > 如何在Vue中使用router-link获取绝对URL超链接路径?

问题描述

当我在 Vue 中使用 router-link 形成超链接时,如下图所示。

<template v-slot:cell(id)="data">
   <router-link :to="`twitter.com/all/status/${data.value}`">{{ data.value }}
   </router-link>
 </template>

它将 URL 附加到我的网站,如下所示。

http://localhost:8080/twitter.com/all/status/1352388073145958402

我怎样才能有一个绝对 URL 路径呢?

标签: javascriptvue.js

解决方案


我根本不使用路由器链接解决了这个问题。像这样。

<template v-slot:cell(id)="data">
    <a :href="`https://twitter.com/all/status/${data.value}`">{{ data.value }}</a>
</template>

推荐阅读