Vue JS：Href链接与数据不同答案

【问题标题】：Vue JS : Href link is not the same as dataVue JS：Href链接与数据不同
【发布时间】：2021-10-11 14:53:22
【问题描述】：

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

page.publicWebsite 的值为 www.duckduckgo.com

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

但是当我点击链接时，我会转到 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>

【问题讨论】：

使用 Vue-Router

标签： javascript vue.js href

【解决方案1】：

这是因为href 将您的网址视为相对网址。您必须将其声明为绝对 URL，这是以下两种方式之一：

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

【讨论】：