在 Vue 组件内部，有从 firebase 中提取的内容并导入到表格中以便可以显示。可以说，这些“字段”之一就是 url。在数据库中，它的结构为 {name:"my link",url:"www.example.com"} 并直接放入标签 href 中。当该组件加载并且我检查标签时，它说 hrefs 值是“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，因此我尝试在那里搜索修复程序，但无济于事。这就是为什么我使用了一个标签，以确保 vue-router 不会弄乱我的链接，并且单击该链接将直接转到 href 中的内容。
看着那（这URL 的语法:
以下是两个示例 URI 及其组成部分：
foo://example.com:8042/over/there?name=ferret#nose
\_/ \______________/\_________/ \_________/ \__/
| | | | |
scheme authority path query fragment
| _____________________|__
/ \ / \
urn:example:animal:ferret:nose
www.example.com不以方案或方案开始//这将使其与当前计划相关。
因此，它是一个 URL相对于当前路径.
添加方案 (or //) e.g. http://www.example.com.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
