• 安装与下载
1
npm install emoji-vue --save
  • 全局配置:
1
2
3
4
    // 引入表情
import Vue2Emoji from 'vuejs-emoji'
Vue.use(Vue2Emoji)

  • 使用方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<!-- 模板中 /> -->
<VueEmoji ref="emoji" @input="onInput" :value="msg" />

<!-- 导包 /> -->
import VueEmoji from "emoji-vue";


//methods里
onInput(event) {
//事件。数据包含文本区域的值
this.msg = event.data;
},
clearTextarea() {
this.$refs.emoji.clear();
},
// 注册组件
components: {
VueEmoji,
},