vue里添加lottie动画

一、安装 lottie-web

import lottie from 'lottie-web'

二、存放动画的element

<div class="svgContainer" ref="svgContainer"></div>

三、加载json文件动画

let animation = lottie.loadAnimation({
  container: element,  // 要包含该动画的dom元素
  path: <JsonPath>,    // 动画json文件路径 
  loop: true,          // 是否循环播放
  renderer: 'svg',     // 渲染方式，svg、canvas、html（轻量版仅svg渲染）
  autoplay: true,      // 是否自动播放
})

四、相关连接
1、https://codepen.io/collection/nVYWZR/
2、http://test.imweb.io/topic/5b23a850d4c96b9b1b4c4efe