在vue中使用lottie动画

1、安装 lottie-web 包

npm i lottie-web -S

2、lottie动画json问价放入项目

 

 3、在使用 lottie 动画的 .vue文件中引入 json文件及 lottie 包

import lottie from 'lottie-web'
import * as anData from '@/assets/data-analysis.json'

4、html模板中定义动画元素

<div id="lottie_box" class="animation" />

 

 5、配置动画信息