element-ui的表格增加行_基于Vue+ElementUI的骨架屏

vue-elementui-skeleton

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

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

• el-menu：TODO

• el-breadcrumb：TODO

• ...

效果

安装

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'});*/