2017-09-08 1 views
1

회사의 URL을 표시해야하는 Vuejs 애플리케이션을 개발 중입니다. 나는 아래처럼 표시하고 있습니다 :외부 URL 열기

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

company.website는 값 www.companyname.com을 보유하고 있습니다. 내가 링크를 클릭 할 때마다

, 그것은 아래와 같이 추가 된 로컬 호스트 URL로 열립니다

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

어떻게 그것을 열어 회사의 URL을 만들기 위해?

추신 : 나는이 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