如下所示：

let name = ’www.baidu.com/’

<a :href='http://www.aoyou183.cn/bcjs/name' rel='external nofollow' >

點擊跳轉到：

localhost:8080/www.baidu.com/

解決：

寫成<a :href='http://www.aoyou183.cn/bcjs/’https//:’+name' rel='external nofollow' >

補充知識：問題：vue.js a標簽href里有變量，函數拼接問題

正確格式：

<a :href ='http://www.aoyou183.cn/bcjs/’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標簽值解析變量,跳轉頁面,前面加默認域名端口的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。