打开外部 URL

【问题标题】：Open an external URL打开外部 URL
【发布时间】：2017-09-08 10:08:31
【问题描述】：

我正在开发一个 Vuejs 应用程序，我需要在其中显示公司的 url。我将其显示如下：

<a :href="company.website">{{company.website}}</a>

并且company.website 持有值www.companyname.com。

当我点击链接时，它会打开并附加如下所示的 localhost url：

http://localhost:2000/www.companyname.com

如何让它只是打开公司网址？

PS：我知道在网址中添加http or https 可以解决问题。我想知道是否有其他方法可以解决此问题。

【问题讨论】：

标签： vuejs2 vue-router

【解决方案1】：

使用这样的网址：

//www.companyname.com

var demo = new Vue({
    el: '#demo',
    data: {
        url: "www.bing.com",
    }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
<div id="demo" v-cloak>
   <a :href="url">url 1</a>
   <a :href="'//' + url">url 2</a>
</div>

【讨论】：

这是一个有趣的解决方案。谢谢。也许你可以添加它来回答。
@Pradeepb 这绝对是一个有效的 URL。它被称为相对于协议的 URL，尽管每个人都应该尽可能硬编码 https 以提高安全性。
@landro 是的。那时我并没有意识到这一点。我在我当前的项目中广泛使用它。
这拯救了我的一天。谢谢！