在 Nuxt2 中使用 CountUp 可以使用以下步骤:

  1. 安装 countup.js 和 vue-countup 插件:
npm install countup.js vue-countup
  1. nuxt.config.js 中添加以下代码:
plugins: [
  { src: '~/plugins/vue-countup.js', ssr: false }
]
  1. plugins 目录下创建 vue-countup.js 文件,添加以下代码:
import Vue from 'vue'
import VueCountUp from 'vue-countup'

Vue.component('VueCountUp', VueCountUp)
  1. 在组件中使用 CountUp,可以像下面这样:
<template>
  <div>
    <VueCountUp :endVal="count" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 1000
    }
  }
}
</script>

这样就可以在 Nuxt2 中使用 CountUp 了。

标签: 社会


原文地址: https://gggwd.com/t/topic/52Y 著作权归作者所有。请勿转载和采集!