vue中json动画

<div v-for="(item, index) in allMessage" :key="index">
	<span  :id="'loading_' + index"></span>
</div>

import animationData from "@/assets/loading.json";
import speakingData from "@/assets/speaking.json";
import lottie from "lottie-web";


 // json动画
        loadAnimationFn() {
    
    
            var animationLoading
            this.$nextTick(() => {
    
    
                animationLoading = lottie.loadAnimation({
    
    
                    container: document.getElementById("loading_" + (this.allMessage.length - 1)),
                    renderer: "svg",
                    loop: true,
                    autoplay: true,
                    animationData: animationData,
                });
            })
        },

猜你喜欢

转载自blog.csdn.net/weixin_46370288/article/details/139967409