H5一段文字中有URL链接地址,自定义拼接a标签可以让他点击跳转
实现如图效果,有时候第三方接口返回的数据是没有加a标签的,所有我们如果想要让它点击,需要自己进行修改。
//链接可点击
// _that.card.details 就是包含链接的一段文字
var stssse;
if(_that.card.details){
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
let arr = _that.card.details.match(reg)
for (var i = 0; i < arr.length; i++) {
if(i==0){
stssse=_that.card.details.slice(0,_that.card.details.indexOf(arr[0]))
}else{
stssse+=_that.card.details.slice(_that.card.details.indexOf(arr[i-1])+arr[i-1].length,_that.card.details.indexOf(arr[i]))
}
stssse+=' <a href="' + arr[i] + '">'+arr[i]+"</a> "
}
_that.card.details = stssse
}
此篇文章只供自己参考 我只是代码的搬运工