如何在Laravel中使用Emoji-mart？

在 Laravel 中安装并配置 Emoji-mart：

composer require zdzislaw/emoji-picker-laravel php artisan vendor:publish --tag=emoji-picker-config

在需要使用 Emoji-mart 的页面中添加组件：

<tem pl ate> <emoji-picker @emoji-click="onEmojiClick"></emoji-picker> </tem pl ate>

<s cr i pt > import EmojiPicker from 'emoji-picker-vue';

export default { components: { EmojiPicker methods: { onEmojiClick(emoji) { // 处理点击 emoji 的事件 </s cr i pt >

在需要使用 Emoji-mart 的页面中添加样式表：

< link rel="stylesheet" href="https://unpkg.com/emoji-mart/css/emoji-mart.css" />

在需要使用 Emoji-mart 的页面中添加脚本：

<s cr ipt src="https://unpkg.com/vue/dist/vue.js"></s cr i pt > <s cr ipt src="https://unpkg.com/emoji-mart-vue/dist/emoji-mart-vue.js"></s cr i pt >

注意：如果您使用的是 Laravel Mix，可以在 webpack.mix.js 中添加以下内容：

const mix = require('laravel-mix'); const path = require('path'); mix.js('resources/js/app.js', 'public/js') .webpackConfig({ resolve: { ali as : { vue$: 'vue/dist/vue.esm.js', '@': path.resolve('resources/js') .disableSuccessNotifications() .s as s('resources/s as s/app.scss', 'public/css') .copy('node_modules/emoji-mart-vue/dist/emoji-mart-vue.css', 'public/css');

在需要使用 Emoji-mart 的页面中使用 EmojiPicker 组件。

以上就是在 Laravel 中使用 Emoji-mart 的完整解决方法，希望对你有所帮助。