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)

相关推荐

  • 为什么不同的香港服务器网站速度不同

    技术为什么不同的香港服务器网站速度不同网站速度至关重要。许多不同的研究表明,如果网站速度缓慢,超过一半的用户会离开网站。但是现在让我们谈谈哪些与香港服务器相关的问题会降低您的服务速度以及如何解决这些问题。网站速度很慢——

    礼包 2021年12月17日
  • 电视开不了机怎么回事,电视开不了机是什么原因

    技术电视开不了机怎么回事,电视开不了机是什么原因电视开不了机有以下几种原因电视开不了机怎么回事,可根据具体原因进行排障解决:1、电源插座无电或电源线没有接好,可插好视讯终端电源插头,保证电源插座电压正常;2、遥控器内没有

    生活 2021年10月30日
  • leetcode滑动窗口(leetcode滑动窗口万能公式)

    技术LeetCode怎样找出滑动窗口的最大值小编给大家分享一下LeetCode怎样找出滑动窗口的最大值,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一

    攻略 2021年12月15日
  • Web/JS:使用innerHTML动态加入html导致按钮失效

    技术Web/JS:使用innerHTML动态加入html导致按钮失效 Web/JS:使用innerHTML动态加入html导致按钮失效前几天我在用innerHTML把html动态加入table的时候,发

    礼包 2021年12月1日
  • 青年的年龄,青年人一般指的是几岁到几岁

    技术青年的年龄,青年人一般指的是几岁到几岁青年人一般是20-44周岁青年的年龄。 【年龄段划分】
    中国的年龄分段:   
    1、童年。   
    0岁—6岁(周岁,下同) 
    (1)婴儿期0-3周月;
    (2)小儿期4周

    生活 2021年10月22日
  • SpringBoot整合Redisson如何实现分布式锁

    技术SpringBoot整合Redisson如何实现分布式锁这篇文章将为大家详细讲解有关SpringBoot整合Redisson如何实现分布式锁,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所

    攻略 2021年11月13日