实现简单的emoji发送功能

最新推荐文章于 2024-08-28 08:27:54 发布

Artsman

最新推荐文章于 2024-08-28 08:27:54 发布

阅读量1.1k

点赞数 1

分类专栏：前端开发技术文章标签：前端

本文链接：https://blog.csdn.net/Liu_JiaqiPro/article/details/125534627

版权

这篇博客介绍了如何在前端项目中不依赖组件，而是通过字符表情来简单实现emoji发送功能。作者提供了从获取资源到引用json文件，再到DOM循环和条件渲染的详细步骤，同时建议如果项目对表情需求较高，还是推荐使用专门的组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在聊天框发送emoji，若不是刚需，就不使用vueemoji等组件了，利用字符表情快速实现一个小功能，下面是代码。

首先，找到资源，vscode可以输入这种符号表情，网站上也可以找到对应的代码，本地复制element后制作成json文件放在项目目录里。

这里将文件内容粘贴过来，命名为emoji.json

[
  "😀",
  "😁",
  "😂",
  "😃",
  "😄",
  "😅",
  "😆",
  "😇",
  "😈",
  "😉",
  "😊",
  "😋",
  "😌",
  "😍",
  "😎",
  "😏",
  "😐",
  "😑",
  "😒",
  "😓",
  "😔",
  "😕",
  "😖",
  "😗",
  "😘",
  "Ƕ