vue-rlottie

rlottie vue tool Thanks rlottie

Install

pnpm install vue-rlottie

or

npm install vue-rlottie

Example

<script setup lang="ts">
import VueRlottie from 'vue-rlottie'
</script>

<template>
  <VueRlottie speed="1" :loop="false" name="example"/>
</template>

| Props | Type | description | |:--|:-:|:-:| | name | String | required | | data | Object | String | Uint8Array | lottie json data | speed | number | String | >= 1 | | loop | Boolean | default = true | | autoPlay | Boolean | default = true |

| attribute | Name | |:--|:-:| | totalFrame | Number | | currentFrame | Number |

| Listener | params | |:--|:-:| | onUpdate | name: string | | onPlay | name: string | | onStop | name: string | | onDestroy | name: string | | onLoaded | name: string |

| Function | params | description | |:--|:-:|:-:| | play | | | stop | | | seek | frame: numer | frame > totalFrame ? totalFrame : frame | | reload | data: string | object | Uint8Array, name: string |