2024年前端最全表情包组件(vue)_vue表情包组件，秀出天际

最后

正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

        <div class="PicItem" v-for="(item,i) in EmotionList" @click="ClickEmoticon(i)" :key="i">
            <img :src=" 'https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/' + i + '.gif'">
        </div>
    </div>
</div>

父组件使用如下：

/\*表情弹框打开按钮\*/

<Emotion ref=“EmotionB” @AppendInputValue=“AppendMessageText”>

export default {
name: “BlogDetail”,
methods:{
// 打开表情包弹框
OpenEmotions:function () {
this.$refs.EmotionB.OpenEmotion(true);
},
//表情选中后追加在input
AppendMessageText:function (EmotionChinese) {
this.ArticleCommentText += EmotionChinese;
}
}
}

###  最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

![](https://img-blog.csdnimg.cn/img_convert/9fe3eb40ab600e6efa70f582a7d53d00.webp?x-oss-process=image/format,png)

![](https://img-blog.csdnimg.cn/img_convert/66308c59f6cee4d2ea8ec5119ad8e376.webp?x-oss-process=image/format,png)


**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**




**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**