代码拉取完成，页面将自动刷新
This simple package use Emojis Natives
yarn add v-emoji-picker
<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>
or Global
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");
{
pack: { type: Array, required: true },
labelSearch: { type: String, default: 'Pesquisar...' },
showCategory: { type: Boolean, default: true },
emojisByRow: { type: Number, default: 5 },
showSearch: { type: Boolean, default: () => true },
continuousList: { type: Boolean, default: false }
}
{
select: 'Emit event on Selected Emoji',
changeCategory: 'Emit event on Change Category'
}
Click here to view in Browser: Vue Component | Emojis | Simples Example
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手