vue 显示svga图片

先在终端执行命令 npm install svgaplayerweb --save

<div id="svga" class="svgaBox" v-if="datatemp.svgaimg"></div>

import SVGA from "svgaplayerweb";
 data() {
    return {
      datatemp: {},
    };
  },
  methods: {
    handleImgSuccessS(file) { //上传
      uploadimg(file).then((res) => {
        this.$set(this.datatemp, "svgaimg", res);
        this.$nextTick(() => { //直接写就是显示svg图片this.$nextTick()必须写
          var player = new SVGA.Player("#svga");
          var parser = new SVGA.Parser("#svga");
          //注意，这里必须是服务器地址，否则报错
          parser.load(res, function (videoItem) { //res替换成svga图片地址
            player.setVideoItem(videoItem);
            player.startAnimation();
          });
        })
      });
    },