vue 引入 emoji 表情包

一、安装

npm install --save emoji-mart-vue

二、组件内使用

import { Picker } from "emoji-mart-vue"; //引入组件

<picker :include="['people','Smileys']" :showSearch="false" :showPreview="false" :showCategories="false" @select="addEmoji" />

 
components: { //注册组件，不能全局挂载
    Picker
}
addEmoji(e){
    this.content += e.native;
},

css 消除文字
.emoji-mart[data-v-7bc71df8] {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 420px;
  color: #ffffff !important;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;

链接: https://www.cnblogs.com/majiayin/p/15797456.html
链接: https://blog.csdn.net/ziyi813/article/details/122987501