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