vue-count-to实现数字滚动效果

news/2024/7/10 2:13:52 标签: vue

1.装依赖:npm install vue-count-to --save
2.引入:import CountTo from “vue-count-to”(可全局可单页面引入)
3.注册组件:在components中注册, components: {CountTo}

<template>
   <countTo :startVal='startVal' :endVal='endVal' :duration='2000'></countTo>
</template>

<script>
import CountTo from "vue-count-to"
export default {
  data () {
      return {
        startVal: 175,
        endVal: 1000
      }
    },
  components: {
    CountTo
  },
}
</script>

效果:在这里插入图片描述


http://www.niftyadmin.cn/n/565037.html

相关文章

mysql 1093 you can_mysql中错误:1093-You can’t specify target table for update in FROM clause的解决方法...

发现问题最近在处理一些数据库中数据的时候&#xff0c;写了下面的这一条sql语句: UPDATE f_studentSET school_id 0WHEREid > (SELECTidFROMf_studentWHEREschool_id MLIMIT 1)AND id < ((SELECTidFROMf_studentWHEREschool_id MLIMIT 1) N)上面的sql是想将某个区间…

发送短信需要的定时器

1.发送短信需要的定时器 handleSend() {if (this.msgKey) returnthis.msgText MSGSCUCCESS.replace(${time}, this.msgTime)this.msgKey trueconst time setInterval(() > {this.msgTime--this.msgText MSGSCUCCESS.replace(${time}, this.msgTime)if (this.msgTime 0)…

mysql table to big_Oracle 测试常用表BIG_TABLE

创建测试用表&#xff0c;DBA经常用到&#xff0c;通常都是基于dba_objects来创建的比较多。本文根据Tom大师的big_table进行了整理&#xff0c;供大家参考。 一、基于Oracle 10g下的big_table ---- Create a test table for Oracle 10g-- Fi创建测试用表&#xff0c;&#xff…

水印格式化文件

(function () {// svg 实现 watermarkfunction __svgWM({container document.body,content 文本内容,width 300px,height 200px,fillStyle rgba(184, 184, 184, 0.6),fontSize 12px,zIndex 1000,rotate0} {}) {const args arguments[0];const svgStr <svg xmlns&q…

mysql中的多表连接方式_(MYSQL学习笔记2)多表连接查询

3种连接方式的区别&#xff1a;INNER JOIN(内连接,或等值连接)&#xff1a;获取两个表中字段匹配关系的记录。LEFT JOIN(左连接)&#xff1a;获取左表所有记录&#xff0c;即使右表没有对应匹配的记录。RIGHT JOIN(右连接)&#xff1a;与 LEFT JOIN 相反&#xff0c;用于获取右…

导出不同类型的文件,pdf 和 docx

/*** 导出文件* method exportFile* param { htmlText } html格式文本 (必填)* param { title } 标题 (必填)* param { type } 类型 (必填)*/function exportFile(htmlText, title, type) {if(document.querySelector(#tmpObj)) document.body.removeChild(document.…

mysql分库分表中间件简书_分库分表中间件 Sharding-JDBC

1. 简介Sharding-JDBC 是当当开源的数据库分库分表中间件&#xff0c;同时也支持读写分离。Sharding-JDBC 定位为轻量级 java 框架&#xff0c;使用客户端直连数据库&#xff0c;以 jar 包形式提供服务&#xff0c;未使用中间层&#xff0c;无需额外部署&#xff0c;无其他依赖…

python中的列表理解_Python中的隐喻列表理解

请考虑以下玩具示例&#xff1a;>>> def square(x): return x*x...>>> [square(x) for x in range(12) if square(x) > 50][64, 81, 100, 121]我必须在列表理解中调用square(x)两次.复制是丑陋的,容易出错的(修改代码时,只需要更改两个调用中的一个),而且…