Vue加载中动画组件使用方法详解

本文实例为大家分享了Vue加载中动画组件的使用，供大家参考，具体内容如下

（模仿ant-design加载中样式）效果图如下：

①创建Loading.vue组件：

②在要使用的页面引用：

import Loading from '@/components/Loading'
components: {
    Loading
}


.m-area {
    margin: 0 auto;
    width: 500px;
    height: 400px;
    background: #FFFFFF;
}
.loading { // 加载过程背景虚化
    background: #fafafa;
    pointer-events: none; // 屏蔽鼠标事件
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。