vue3使用vue-count-to组件的实现数字滚动

数据可视化大屏开发的过程中,需要实现一种滚动数字的效果,在使用vue2时,使用vue-count-to完全没有问题,功能也比较完善(滚动时长,开始值,结束值,前缀,后缀,千分隔符,小数分隔符等等),但是在vue3中使用会出现问题。

vue3使用vue-count-to组件的实现数字滚动_第1张图片

 

问题描述:

出现的错误时 == Cannot read property ‘_c' of undefined== 这是一个_c的属性没有找到,具体的情况也不是很清楚。在vue-count-to打包后的源码中可以大致看出来,这是在render函数中出现的错误。但是还是没法下手。

解决方案:

采用的方法是直接复制node_modules下vue-count-to的源文件(到自己项目src下components下)

如图:

vue3使用vue-count-to组件的实现数字滚动_第2张图片

 

 最后重启项目。

你可能感兴趣的:(vue.js,前端,javascript)