如下所示：

let name = 'www.baidu.com/'

<a :href="name" rel="external nofollow" >

點選跳轉到：

localhost:8080/www.baidu.com/

解決：

寫成<a :href="'https//:'+name" rel="external nofollow" >

補充知識：問題：vue.js a標籤href裡有變數，函式拼接問題

正確格式：

<a :href ="'http://search.jd.com/Search?enc=utf-8&keyword='+keyWord+'&page='+Math.ceil(record.skuRank/60)+'.html'">跳轉</a>

注意點：

1.href前面要加“：”

2.字串要用單引號“ ' ”包住

3.句尾要加“.html”

以上這篇解決vue裡a標籤值解析變數,跳轉頁面,前面加預設域名埠的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。