vue 引入 emoji 表情包

//npm下載
npm install --save emoji-mart-vue

　　

 // template 應用

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

components: { //注冊組件，不能全局掛載
    Picker
  }

　　// 直接丟在輸入框上邊就行

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

　　

// 輸入框的變量 + 表情包文字

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;
}

　　

//效果圖