vue-countTo --

技术vue-countTo -- vue-countTo --- 数字滚动插件vue-countTo是一个无依赖,轻量级的vue组件,可以自行覆盖easingFn。
你可以设置startVal和endV

vue-countTo -数字滚动插件

vue-countTo是一个无依赖,轻量级的某视频剪辑软件组件,可以自行覆盖easingFn。

你可以设置开始值和endVal,它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js

安装:

国家预防机制安装vue-计数到

例子:

模板

计数到:开始值='开始值' :结束值='结束值' :持续时间=' 3000 '/计数到

/模板

脚本

从“vue-count-to”导入计数到

导出默认值{

组件: { countTo },

数据(){ 0

返回{

startVal: 0,

endVal: 2017

}

}

}

/script

使用CDN脚本:demo

选项

propertysdescriptiontypedefaultstartval

开始值

数字

0

endVal

结束值

数字

2017

期间

持续时间,以毫秒为单位

数字

3000

自动播放

自动播放

布尔代数学体系的

真实的

小数

要显示的小数位数

数字

0

小数

十进制分割

线。

分离器

分隔符

线

,

前缀

前缀

线

''

后缀

后缀

线

''

使用宽松

使用缓和功能

布尔代数学体系的

真实的

easingFn

缓和回调

功能

** 注意:当自动播放:真时,它将在开始值或endVal更改时自动启动**

功能

函数名描述安装回调

挂载以后返回回调

开始

开始计数

中止

暂停计数

重置

重置计数到

更多例子:演示

来源:https://www .cn博客。com/tus spring/p/9801603。超文本标记语言

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/143783.html

(0)

相关推荐

  • Skype for Business会议故障的示例分析

    技术Skype for Business会议故障的示例分析这篇文章主要介绍了Skype for Business会议故障的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编

    攻略 2021年11月25日
  • 力扣376题,摆动序列)

    技术力扣376题,摆动序列) 力扣376题(摆动序列)376、摆动序列
    基本思想:
    贪心算法
    具体实现:
    preDiff存放上一次的差值
    curDiff存放当前的差值
    只要一正一负,执行count +

    礼包 2021年10月20日
  • 怎么用CSS实现仿Windows10鼠标照亮边框效果

    技术怎么用CSS实现仿Windows10鼠标照亮边框效果这篇文章主要讲解了“怎么用CSS实现仿Windows10鼠标照亮边框效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学

    攻略 2021年11月6日
  • 香港站群服务器选择如何影响 SEO 过程

    技术香港站群服务器选择如何影响 SEO 过程选择合适的服务器无疑会对网站在搜索结果中的位置产生影响。正如上面提到的,选择的托管服务决定了服务器响应时间,进而影响页面加载速度。您可能知道后一个是Google排名因素,因此,

    礼包 2021年12月23日
  • 香港服务器搭建网站哪家好

    技术香港服务器搭建网站哪家好使用香港服务器搭建网站有很多好处,主要有以下几点高端性能: 香港服务器租用最重要的好处之一是您可以从您的网站获得高端性能。有了这个,您可以获得大带宽和高存储容量的香港服务器租用。使用香港服务器

    礼包 2021年12月21日
  • C++中指针引用的示例分析

    技术C++中指针引用的示例分析这篇文章主要介绍C++中指针引用的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!指针和引用形式上很好区别,但是他们似乎有相同的功能,都能够直接引用对象,对其进

    攻略 2021年11月11日