2017-09-08 17 views
1

私は会社のURLを表示する必要があるVuejsアプリケーションを開発しています。私は以下のようにそれを表示しています:外部URLを開く

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

company.websiteは値www.companyname.comを保持しています。

私はリンクをクリックするたびに、それは以下のような追加ローカルホストのURLを開きます。それだけオープン会社のURLを作成する方法

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

PS:URLにhttp or httpsを追加すると問題が解決することがわかりました。この問題を解決する他の方法があるかどうかを知りたいと思います。

答えて

0

このような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>

+0

まず、それが有効なURLではありません。第二に、それを置いても機能しません。 – Pradeepb

+0

@Pradeepb https://jsfiddle.net/lakerswgq/5q9o9p6k/2/試してみてください – Julien

+0

これは興味深い解決策です。ありがとう。あなたはそれを答えに加えることができるかもしれません。 – Pradeepb

関連する問題