vue-emoji-selector v0.4.0

vue-emoji-selector

一个基于vue.js的轻量级聊天表情符号选择组件（常用表情符号） A lightweight chat emoji selection component based on vue.js (commonly used emoji)

Installation

npm install vue-emoji-selector

Usage

using globally

import Vue from "vue";
import App from "./App.vue";
 
import EmojiSelector from 'vue-emoji-selector'
import 'vue-emoji-selector/lib/vue-emoji-selector.css'

Vue.use(EmojiSelector)
Vue.config.productionTip = false;
new Vue({
  render: h => h(App)
}).$mount("#app");

Events

<template>
  <div id="app">
    <EmojiSelector @select="selectEmoji"/>
  </div>
</template>

<script>

export default {
  name: 'App',
  methods: {
    selectEmoji(item){
      console.log(item);
      // {
      //   "codes": "1F624",
      //   "char": "😤",
      //   "name": "face with steam from nose"
      // }
    }
  },
}
</script>