Vue - 超详细实现 emoji 心情，安装并使用 v-emoji-picker 心情插件及各种 ...

媒介

   网上的教程都太乱了，各种 emoji 心情不兼容、无法汉化等一堆问题，很难进行复制使用。
  本文 实现了在 vue2 / vue3 / nuxt 项目中，接入 emoji 心情包插件 v-emoji-picker 详细教程，可在输入框内心情与文字并排存在（在光标的指定位置插入心情），解决了前端 emoji 心情无法存入后端数据库的问题，提供了诸多便利功能，例如中文搜索、显示隐蔽搜索栏、显示隐蔽顶部心情选项卡、主题色切换等，
提供了 emoji 心情存入后端数据库的前端处理方法，对文字和心情进行统一编码与解码（为了存入数据库）。
<hr> 如下图所示，只提供了 “底子” 功能，一些交互和样式必要您自行处理，
您可以直接复制源码，按照示例教程轻微改改样式就能用了。
示例代码干净整齐，无任何乱七八糟的废代码

第一步

   目前，

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。