elementui table渲染不出来_基于Vue+ElementUI的骨架屏

vue-elementui-skeleton

基于Vue+ElementUI的骨架屏。使用指令v-skeleton的方式生成骨架屏,可自动识别常用的ElementUI组件并生成对应的骨架屏。也提供了N多参数以便进行个性化配置。

  • el-table:自识别:宽度、列数、行高。可配置:行数、圆角、背景色

  • el-menu:TODO

  • el-breadcrumb:TODO

  • ...

效果

0d70e2d0c69ce9fc0d5df4e27903918d.gif

安装

npm i vue-elementui-skeleton

引入

import Vue from 'vue';import VueElementUISkeleton from 'vue-elementui-skeleton';Vue.use(VueElementUISkeleton);// 可以设置选项的全局默认值和指令名称/*Vue.use(VueElementUISkeleton, {
        directiveName: 'my-skeleton',    rows: 10,    radius: 3,    bg: 'red'});*/<

版权声明:本文为weixin_29432421原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。