vue3数字滚动依赖

山沟沟里的娃

已于 2024-05-29 10:57:50 修改

阅读量296

点赞数 3

文章标签： vue.js javascript ecmascript

于 2024-05-29 10:54:14 首次发布

本文链接：https://blog.csdn.net/qq_34856863/article/details/139289440

版权

名称：vue3-count-to
安装: npm install vue3-count-to --save
在main.js中全局注册:
github:https://github.com/PanJiaChen/vue-countTo

// main.js全局注册
import countTo from 'vue3-count-to'
app.use(countTo)

在用到地页面引入使用

<template>
    <countTo
      :startVal="0" // 初始数据
      :endVal="200" //最后展示的数字
      :duration="3000" // 滚动时间
      :ref="'countToRef' + item.index" 
      :suffix="item.id === 3 ? '+' : ''" // 数字后缀, 根据自己需要进行修改
    ></countTo>
</template>
<script setup>
	import { CountTo } from 'vue3-count-to'
</script>