解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
作者：lyyo_cd
这篇文章主要介绍了解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如下所示：
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标签值解析变量,跳转页面,前面加默认域名端口的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。