Vue JS：Href link 与数据不同

Question

我在下面有这个 <a> href，如果点击它会将我重定向到

page.publicWebsite 值为 www.duckduckgo.com

{{page.publicWebsite}} 显示 www.duckduckgo.com HTML 在 href 中显示 www.duckduckgo.com 所以一切都好吗？

但是当我点击 link 时，我会转到 https://mywebsite/currentpage/www。duckduckgo.com

<a v-if="page.publicWebsite" target="_blank" :href="page.publicWebsite" :title="page.publicWebsite">{{page.publicWebsite}}<img src='/img/layout/icon-www.png' class='userInfoIcons' /></a>

Answer 1

那是因为 href 将您的 URL 视为亲戚 URL。您必须将其声明为绝对 URL，以下两种方式之一：

page.publicWebsite = 'https://www.duckduckgo.com'
// or
page.publicWebsite = '//www.duckduckgo.com'

Vue JS：Href link 与数据不同

Vue JS : Href link is not the same as data

javascript

href

vue.js