【Vue组件】表格骨架屏

功能概述:项目里有很多表格,希望表格加载动效好看一点,有多少列就显示多少列在加载,做成公共组件。
效果:
【Vue组件】表格骨架屏_第1张图片

实现方式:在公共组件文件夹中创建vue,编写后,在main.js中引入即可。
loadSkeleton.vue




main.js中引入公用组件

// 引入表格加载骨架屏组件
import loadSkeleton from '@/components/loadSkeleton'
Vue.component('load-skeleton', loadSkeleton)

在需要的地方使用:

你可能感兴趣的:(【Vue组件】表格骨架屏)