vue 实现评论区表情输入

一、背景

实现评论区可输入中文，字母，数字，符号及表情的输入（表情为ios系统表情）

表情的输入，由两种方式实现，一是通过输入unicode编码如‘\ud83c\udf36’，二是，通过选择表情输入，传给后台以unicode的格式

二、效果

三、实现方式有两种

方式一：将所需图片存放到本地文件，避免用url显示不出来

HTML：

<!-- 将图片存到本地文件 -->
<template>
  <div class="emoji">
    <el-tabs v-model="activeFace" >
      <el-tab-pane label="表情" name="face"></el-tab-pane>
    </el-tabs>
    <ul class="emoji-container">
      <li v-for="(item, i