Vue 2的BlockUI实现加载屏幕的简单解决方案

Vue-blockui 是一个用于 Vue 2 的 BlockUI 插件,类似于 jQuery BlockUI,可以轻松实现加载屏幕的功能。以下是快速安装和使用指南:

安装

在项目中添加插件:

npm install --save vue-blockui

使用

将所有组件注册到 Vue 中:

import Vue from 'vue'
import BlockUI from 'vue-blockui'
Vue.use(BlockUI)

Webpack 配置

:warning: 注意 如果在 Webpack 编译时遇到错误,可能是 CSS 配置缺失。请在 webpack.config.jsrules 配置中添加以下内容:

{
  test: /.css$/,
  use: ['style-loader', 'css-loader']
}

确保 style-loadercss-loader 已在 package.json 中配置。

zip 文件大小:200.29KB