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.js
的rules
配置中添加以下内容:
{
test: /.css$/,
use: ['style-loader', 'css-loader']
}
确保 style-loader
和 css-loader
已在 package.json
中配置。
200.29KB
文件大小:
评论区