1、安装vue-lottie
$ npm install vue-lottie --save
2、在组件中使用Lottie渲染json动画
<template>
<Lottie :options="defaultOptions" :height="26" :width="26" />
</template>
<script>
import * as animationData from '@/assets/images/dataloading.json'
import Lottie from 'vue-lottie/src/lottie.vue'
export default {
components: {
Lottie
},
data() {
return {
defaultOptions: {
animationData: animationData.default
}
}
}
}
</script>