Vue3 - 详细实现图片动态切换评价评分功能，用户打分使用图标代替星星评分，支持GIF动态图作为表情评价，类似电商平台满意度调查好评中评差评、满意一般非常不满意场景，解决图标切换闪烁点击闪一下问题！

前言

如果您需要 Vue2 版本，请访问 这篇文章。

在 vue3 | nuxt3 开发中， 详解实现 “表情评分”，使用图标或gif动态图点击切换换图的形式实现评价（代替原始五星评分），适用于满意度调查、商品评价、服务评价、电商评价、体验评价等，评价类型为满意、一般、不满意，非常好、很好、气愤等评价方式，强力解决切换时 “图标闪烁” 闪一下、切换卡顿、不流畅的问题，点击切换图标闪烁解决方案，提供示例源码。

提供详细示例代码及教程，新手小白复制运行简单修改即可。

---

如下图所示，点击切换时丝滑流畅不卡顿，将图标/图片/gif动态替换成你的即可使用。

保证新手小白100%搞定，提供本示例的图标源文件自行下载

示例代码

具体实现代码如下，请直接复制运行测试即可。