SVGA-Vue

最新推荐文章于 2024-03-12 17:07:42 发布

svganimator

最新推荐文章于 2024-03-12 17:07:42 发布

阅读量768

点赞数 1

分类专栏： svga资料文章标签： svga animation 社交软件 vue

本文链接：https://blog.csdn.net/tmacyi/article/details/113307719

版权

本文介绍了如何使用vue-svga组件，该组件基于svga.lite，支持所有配置，并详细说明了安装、使用方法、options参数、提供的方法、事件以及替换和动态元素的使用，特别指出在事件触发后操作并配置autoPlay和autoMount为false的重要性。

摘要由CSDN通过智能技术生成

vue-svga

这是基于svga.lite封装的一个Vue组件

支持其所有配置，且默认值也保持一致

组件接受参数

属性名	说明	类型	默认值	必须
src	资源链接(需使用`require`包裹链接)	`string`	undefined	是
options	包括官网的所有配置，详情见这里	`object`	{}	否
options.autoPlay	加载完毕后是否自动播放	`boolean`	true	否

安装

yarn add vue-svga

# 或者

npm i vue-svga

使用

import {
    svga } from 'vue-svga'

export default {
   
  components: {
   
    svga,
  }
}

// 或
import Vue from 'vue'
import svga from 'vue-svga'

Vue.use(svga)