Vue骨架屏

骨架屏的学习

简书
CSDN

一个基于Vant的简单骨架屏

写一个组件

<template>
    <div class="skeleton" v-show="skeletonShow">
        <van-skeleton title   avatar :row="3" />
    </div>
</template>

<script>
    export default {
        name: "home",
        props:{
            skeletonShow:{
                defualt:true
            }
        }
    }
</script>

然后调用<skeleton :skeletonShow="sss"></skeleton>
引入 import skeleton from "../skeleton/home"
然后this.sss=false即可

如何自动生成骨架屏？

• 饿了么组件