V-Emoji-Picker
made with Vuejs

简介及使用教程

V-Emoji-Picker是一个轻型表情符号选择器,可以在选择器组件中显示原生表情符号。

安装

Npm

npm i v-emoji-picker

Yarn

yarn add v-emoji-picker

使用

全局引入:

import Vue from "vue";
import App from "./App.vue";

import VEmojiPicker from 'v-emoji-picker';

Vue.config.productionTip = false;
Vue.use(VEmojiPicker);

new Vue({
  render: h => h(App)
}).$mount("#app");

组件中使用:

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

<script>
import VEmojiPicker from 'v-emoji-picker';

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

示例

image.png

作者

João Eudes Lima

相关项目

一个模拟雨滴落在玻璃表面的简单脚本。
一套适合开发者使用的轻量级UI组件库,完美支持vue3
这是一个基于Vue.js的Github样式的日历热图。
这是一个基于Splide的Vue滑块组件。
这是一个基于Vue的滚动条组件。
这是一个Bootstrap风格简单分页组件。
这是一个Vue.js 2打字机效果组件 。