原文地址:vue-element:实现微信表情_我的麦的博客-CSDN博客_vue 微信表情
一、创建emotion.json文件夹(以下字符是按照微信官方来定义的)
[
"[微笑]",
"[撇嘴]",
"[色]",
"[发呆]",
"[得意]",
"[流泪]",
"[害羞]",
"[闭嘴]",
"[睡]",
"[大哭]",
"[尴尬]",
"[发怒]",
"[调皮]",
"[呲牙]",
"[惊讶]",
"[难过]",
"[酷]",
"[冷汗]",
"[抓狂]",
"[吐]",
"[偷笑]",
"[可爱]",
"[白眼]",
"[傲慢]",
"[饥饿]",
"[困]",
"[惊恐]",
"[流汗]",
"[憨笑]",
"[大兵]",
"[奋斗]",
"[咒骂]",
"[疑问]",
"[嘘]",
"[晕]",
"[折磨]",
"[衰]",
"[骷髅]",
"[敲打]",
"[再见]",
"[擦汗]",
"[抠鼻]",
"[鼓掌]",
"[糗大了]",
"[坏笑]",
"[左哼哼]",
"[右哼哼]",
"[哈欠]",
"[鄙视]",
"[委屈]",
"[快哭了]",
"[阴险]",
"[亲亲]",
"[吓]",
"[可怜]",
"[菜刀]",
"[西瓜]",
"[啤酒]",
"[篮球]",
"[乒乓]",
"[咖啡]",
"[饭]",
"[猪头]",
"[玫瑰]",
"[凋谢]",
"[示爱]",
"[爱心]",
"[心碎]",
"[蛋糕]",
"[闪电]",
"[炸弹]",
"[刀]",
"[足球]",
"[瓢虫]",
"[便便]",
"[月亮]",
"[太阳]",
"[礼物]",
"[拥抱]",
"[强]",
"[弱]",
"[握手]",
"[胜利]",
"[抱拳]",
"[勾引]",
"[拳头]",
"[差劲]",
"[爱你]",
"[NO]",
"[OK]",
"[爱情]",
"[飞吻]",
"[跳跳]",
"[发抖]",
"[怄火]",
"[转圈]",
"[磕头]",
"[回头]",
"[跳绳]",
"[挥手]",
"[激动]",
"[街舞]",
"[献吻]",
"[左太极]",
"[右太极]"
]
二、遍历数组
<img :src="'https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/'+index+'.gif'" />
思路:拿第一步准备的json进行遍历,每个下标对应一个表情
————————————————