打开外部 URL

Question

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

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

和 company.website 保存值 www.companyname.com。

每当我单击 link 时，它都会打开并附加如下所示的本地主机 url：

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

如何让它刚开公司url？

PS：我知道在 url 中添加 http or https 可以解决问题。我想知道有没有其他方法可以解决这个问题。

Answer 1

像这样使用 url :

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

打开外部 URL

Open an external URL

vue-router

vuejs2