如何使用json 动画

1、安装   npm install lottie-web -s

2、引入   

import lottie from "lottie-web";  // 引入插件

import animationData from "@/assets/data.json";   // 引入json 数据

3、使用   

html  

js    

   optAnimation() {
      lottie.destroy();
      this.$nextTick(() => {
        let elem = document.querySelector(".lottie")
        let params = {
          container: elem,
          renderer: "svg",
          loop: true,
          autoplay: true,
          animationData: animationData,
        };
        lottie.loadAnimation(params);
      });
    },

4、遇到的问题

json 动画 中的图片不展示,如何解决   1、使用网络图片  2、图片转base64

你可能感兴趣的:(插件,vue,es6,json动画,lottie,vue,javascript,es6)