<a>标签将href添加到当前URL而不是直接链接到href中的内容

Question

在Vue组件中，有一些内容是从Firebase中提取并导入到表格中以便显示的。其中一个“字段”是URL。在数据库中，它的结构为{name：“我的链接”，url：“www.example.com”}，直接放入标签的href属性中。当该组件加载时，我检查标签，其href属性值为“www.example.com”，但当我单击该链接时，它会跳转到“currentURL / www.example.com”。以下是相关的标签。它是一个标签的一部分，针对该特定内容类型中的每个字段都有逻辑来决定它的类型。<a v-else-if="findFieldType(field.name) === 'url'" :href="filteredContent[index][field.name].link">{{ filteredContent[index][field.name].name }}</a> 该标签的作用是链接至href属性中所提供的内容（"www.example.com"），而不是将href的值追加到当前URL后再进行链接（"myCurrentUrl/www.example.com"）。 当使用vue-router时，这种行为是可以预期的，因为它的作用就是将提供的值追加到当前URL中。因此，我尝试在那里寻找解决方法，但是没有成功。这就是为什么我使用了a标签，以确保vue-router不会干扰我的链接，点击该链接将直接进入href中的网址。

- Zaric Milan

---

我们可以将这个问题简化为“<a href="www.example.com">链接!</a>无法工作”，这可能意味着它是一个重复的问题。 - SIGSTACKFAULT

尽管这是一个相当愚蠢的问题（不用担心，最好的人都会遇到这种情况），但它表述得很清楚，格式也很好。是个很好的首个问题！ - SIGSTACKFAULT

谢谢@SIGSTACKFAULT，我知道这是一些愚蠢的东西，我本可以简化它很多，但更多的信息总是更好的，你永远不知道哪个小细节会让人理解问题。 - Zaric Milan

Answer 1

看一下URL的语法：

The following are two example URIs and their component parts:

     foo://example.com:8042/over/there?name=ferret#nose
     \_/   \______________/\_________/ \_________/ \__/
      |           |            |            |        |
   scheme     authority       path        query   fragment
      |   _____________________|__
     / \ /                        \
     urn:example:animal:ferret:nose

www.example.com 不以协议或 // 开头，因此它是相对于当前路径的 URL。

所以，请添加协议（或//），例如：http://www.example.com。

- Quentin