vue昵称转表情

提示：以下是本篇文章正文内容，下面案例可供参考

一、vue昵称转表情

需求：后端传入昵称，存在表情字符串需要转为表情渲染。

二、使用步骤

<template>
//nickname: "&#128562; &#128588; &#127800;" //后端同学反回的数据类型
  <span>{{ uncodeUtf16(item.nickname) }}</span>
 </template>

代码如下（示例）：

  uncodeUtf16(str) {
      var reg = /\&#.*?;/g;
      var result = str.replace(reg, function (char) {
        var H, L, code;
        if (char.length == 9) {
          code = parseInt(char.match(/[0-9]+/g));
          H = Math.floor((code - 0x10000) / 0x400) + 0xd800;
          L = ((code - 0x10000) % 0x400) + 0xdc00;
          return unescape("%u" + H.toString(16) + "%u" + L.toString(16));
        } else {
          return char;
        }
      });
      return result;
    },

最后字符串正常渲染