vuejs2 - 打开外部 URL

Question

我正在开发一个 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到 url 解决了这个问题。我想知道是否有其他方法可以解决此问题。

Answer 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>