emoji表情包 vue_Vue中的Emoji Picker轻量级软件包

emoji表情包 vue

V表情符号选择器 (V-Emoji-Picker)

This simple package use Emojis Natives.

这个简单的包使用Emojis Natives。

安装 (Installation)

yarn add v-emoji-picker

用法 (Usage)

<template>
  <div id="app">
    <VEmojiPicker :pack="pack" @select="selectEmoji" />
  </div>
</template>

<script>
import VEmojiPicker from 'v-emoji-picker';
import packData from 'v-emoji-picker/data/emojis.json';

export default {
  name: 'Demo',
  components: {
    VEmojiPicker
  },
  data: () => ({
    pack: packData
  }),
  methods: {
    selectEmoji(emoji) {
      console.log(emoji)
    }
  }
}
</script>

道具 (Props)

{
  pack: { type: Array, required: true },
  labelSearch: { type: String, default: 'Pesquisar...' },
  showCategory: { type: Boolean, default: true },
  emojisByRow: { type: Number, default: 5}
}

大事记 (Events)

{
  select: 'Emit event on Selected Emoji',
  changeCategory: 'Emit event on Change Category'
}

Estructure表情符号 (Estructure Emoji)

翻译自: https://vuejsexamples.com/lightweight-package-of-emoji-picker-in-vue/

emoji表情包 vue