在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 處理接收數(shù)據(jù)中的特殊字符

vue 處理接收數(shù)據(jù)中的特殊字符

一個聊天接收和發(fā)送功能,從后臺獲取的數(shù)據(jù)是

clipboard.png

上面這種情況是單發(fā)表情的數(shù)據(jù),然后我用正則過濾了一下,可是界面的表情顯示不出來,表情的路徑是對的

正則過濾函數(shù):

reaplceIMG(s, style) {
    var reg = /\{.*?\}/g;
    return s.replace(reg, function(tmp) {
          var tmp = tmp.substr(1, tmp.length - 2).split('_');
          var url = tmp[1];
          var type = tmp[0];
          var img = '';
          if (type === 'em') {
            img = "<img src='./../../assets/emoji/32/" + url + ".png' class=\"" + style + "\">";
          }
          return img;
    });
}

這是界面展示效果
clipboard.png

clipboard.png

clipboard.png

各位大神,求解。

回答
編輯回答
拽很帥

肯定是圖片路徑不對,webpack會按照他的配置來解析輸出你的項目,所以具體的圖片路徑要看你的配置是什么樣的

你這個img是怎么追加到頁面上的,是通過v-html還是js的dom操作,如果是dom操作,可能webpack沒有檢測到你使用改圖片,所以沒有給你輸出

另外,這種靜態(tài)資源最好放在static下,這樣不會給你解析,然后使用路徑'/static/img/emjo...'來訪問你的資源

最后,'./../'這種路徑?jīng)]錯,但是也沒必要加'./'

2017年1月31日 06:02