之前對(duì)接口遇到了接口數(shù)據(jù)中包含圖片或音頻的地址的格式，也就是圖文混排格式淋纲，所以封裝了字符串替換的方法啄巧。但是替換完之后就是下圖，html不能解析胸囱。
Paste_Image.png
封裝的圖文混排解析方法：
strToUrl: function(str) {
if (!str || typeof str != "string") return "";
str = str.toString();
return str.replace(/http:\/\/.*?\.(mp3|jpg|jpeg|png|gif)/ig, function (w) {
if (/mp3$/i.test(w)) {
return '<audio src="' + w + '"controls="/>'
} else {
return ''
}
})
}
解決：
用v-html解析html標(biāo)簽<span v-html="item.name"></span>
不能使用<span>{{item.name}}</span>解析祷舀，｛｛｝｝只能解析字符串。
解決問題是看到的文檔烹笔，可以看一下裳扯。本項(xiàng)目使用的是vue2.0，所以實(shí)踐中{{{}}}并不可行谤职。
http://blog.csdn.net/faryang/article/details/53011703
