v-bind href重定向到实际链接的Localhost INSTEAD

Question

当前按钮绑定到来自v-for =“book in books”的数据。数据库中的网址等同于www.google.com。

<md-button  v-bind:href="book.url"  target="_blank">SEE ORIGINAL</md-button>

但是当在localhost上加载页面时，该按钮会重新定位到新页面，但链接为“http://localhost:8080/www.google.com”。

如何才能将其重定向到“www.google.com”，或者我如何才能将其重定向到前面的“http://localhost:8080/”？

任何帮助都会非常感激。

谢谢！

Answer 1

您需要将协议添加到其开头。

http://www.google.com会有用，只有www.google.com不会。

Answer 2

浏览器会使所有href相对，除非它们包含有效的http。您可以轻松地在链接绑定中添加其他详细信息：

:href=" 'http://'+ book.url"