前言
网上的教程组件代码写的太多,而且功能不好用,主要都存在图片切换时 “闪烁” 的问题。
实现了 适用于 Vue.js / Nuxt.js 的表情图片满意度评价功能(评分组件),高效无 BUG 没有任何插件依赖,
本文示例代码干净整洁注释详细(代码极少且优雅完成功能),您只需要一键复制代码再把图片换了即可使用,
如下图所示,点击选择时自动切换图片,并且图片不会出现任何卡顿、闪烁的问题:
代码只完成了核心功能,您可以随意进行改造
示例源码
推荐使用一键复制功能,避免漏选。
随便找个新页面,一键复制运行起来查看效果。
<!--
1. 父组件引入时,请监听@result事件,这是用户选择的评价结果(具体请看代码,不需要的话请注释掉)
2. 请一定要看文章最后的【优化体验】小节,为了演示示例目前只能使用网络路径,还能再优化。
3. 本示例的图片可能随时失效,如失效请自行更换。
-->