vue-countTo---简单好用的一个数字滚动插件

﹏ヽ暗。殇╰゛Y 2022-10-07 15:51 153阅读 0赞

vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。

你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js;  
安装使用：

npm install vue-count-to

例子：

<template>
      <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
    </template>
    
    <script>
      import countTo from 'vue-count-to';
      export default { 
        components: {  countTo },
        data () { 
          return { 
            startVal: 0,
            endVal: 2017
          }
        }
      }
    </script>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTI5NTg3NA_size_16_color_FFFFFF_t_70]

\*\* 注意：当autoplay：true时，它将在startVal或endVal更改时自动启动\*\*  
功能：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTI5NTg3NA_size_16_color_FFFFFF_t_70 1]  
[https://www.cnblogs.com/tuspring/p/9801603.html][https_www.cnblogs.com_tuspring_p_9801603.html]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTI5NTg3NA_size_16_color_FFFFFF_t_70]: /images/20221005/8d272f10f75c4860a365921ebe82e3c3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTI5NTg3NA_size_16_color_FFFFFF_t_70 1]: /images/20221005/b38ad2211d8e44f78d66d528ca264556.png
[https_www.cnblogs.com_tuspring_p_9801603.html]: https://www.cnblogs.com/tuspring/p/9801603.html

发表评论取消回复

表情：

评论列表（有 0 条评论，153人围观）

还没有评论，来说两句吧...

相关阅读

相关安利一个IDEA超级好用的插件——RestfulToolkit

说明：在前后端分离开发的时候，代码量大了，接口名多了，有时候需要找某个接口，除了全局搜索，用它更准确,必须得知道url全路径哦，同时它还带有一个类似postman测试接口的功能

朱雀/ 2023年02月28日 05:56/ 0 赞/ 517 阅读

相关 vue-countTo---简单好用的一个数字滚动插件

vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-

小咪咪/ 2022年12月27日 08:44/ 0 赞/ 215 阅读

相关 vue-countTo---简单好用的一个数字滚动插件

vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-

﹏ヽ暗。殇╰゛Y/ 2022年10月07日 15:51/ 0 赞/ 154 阅读

相关 html实现数字滚动停留,一个简单的滚动数字的效果实现

1.效果图 ![AAffA0nNPuCLAAAAAElFTkSuQmCC][] 2.定制的属性textColor 字体颜色 textSize 字体大小 duration

冷不防/ 2022年10月06日 11:43/ 0 赞/ 180 阅读

相关推荐一个简单好用的jquery分页插件

本分页插件使用bootstrap风格，需要引入bootstrap文件，还需引入分页js文件，如下图所示： ![Center][] html中body的

我不是女神ヾ/ 2022年09月27日 06:28/ 0 赞/ 190 阅读

相关一个好用的Dialog插件

网页中经常需要弹出dialog，虽然很多JS开源框架都提供这个功能，但是效果都不是很好，比如[easy-UI][]。修改样式这些又不是我擅长的，身边又没有美工兄弟，

淡淡的烟草味﹌/ 2022年08月23日 12:48/ 0 赞/ 181 阅读

相关简单好用的前端插件集合

1.datatables Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。分页，即时搜索和排序

╰半夏微凉°/ 2022年04月03日 08:52/ 0 赞/ 184 阅读

相关 IDEA好用的插件

GenerateAllSetter GitHub |&nbspIssues 一键调用一个对象的所有set方法 generate call to class all se

旧城等待，/ 2021年12月11日 07:11/ 0 赞/ 410 阅读

相关 ScrollPic.js—简单易用的图片左右滚动插件

一、ScrollPic.js是一个很好理解运用的图片左右滚动插件，兼容性较好，可以放心大胆的使用：效果图如下：![在这里插入图片描述][watermark_type_Zm

向右看齐/ 2021年10月18日 21:46/ 0 赞/ 303 阅读

相关 Notepad++好用插件

1，JSON Viewer。使用这个可以快速将json格式化，快捷键是Ctrl+Alt+Shift+M。使用Ctrl+Alt+Shift+J可以展示JSON结构。未格式化

喜欢ヅ旅行/ 2021年09月28日 13:38/ 0 赞/ 501 阅读