打开外部网址

时间:2017-09-08 10:08:31

标签: vuejs2 vue-router

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

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

company.website保存值www.companyname.com

每当我点击链接时,它都会打开,并附加如下所示的localhost网址:

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

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

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

1 个答案:

答案 0 :(得分:3)

使用这样的网址:

//www.companyname.com

&#13;
&#13;
var demo = new Vue({
    el: '#demo',
    data: {
        url: "www.bing.com",
    }
})
&#13;
<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>
&#13;
&#13;
&#13;