1.安装vue-lottie
npm install --save vue-lottie
2.mian.js引入vue-lottie
import lottie from 'vue-lottie';
Vue.component('lottie', lottie);
3.vue组件中使用
<template>
<lottie :options="defaultOptions"/>
</template>
<script>
import Confetti from "./bg.json";
export default {
name: "Demo",
components:{},
data() {
return {
defaultOptions: {
animationData: Confetti,
loop: true,
autoplay: true,
},
};
},
};
</script>