Element ui Loading两种调用方法: 指令和服务

阅读数:73 评论数:0

跳转到新版页面

分类

html/css/js

正文

一、概述

Element Plus 提供了两种调用 Loading 的方法:指令和服务。

二、指令方式

对于自定义指令 v-loading,只需要绑定 boolean 值即可。 默认状况下,Loading 遮罩会插入到绑定元素的子节点。 通过添加 body 修饰符,可以使遮罩插入至 Dom 中的 body 上。

三、服务方式

import { ElLoading } from 'element-plus'

    let loadingInstance = Loading.service({  //启动loading服务
      target: document.getElementById("detailClass"),
      fullscreen: true,
    });

loadingInstance.close()  //关闭loading



相关推荐

原因是 返回的数字和el-option选框里value值的类型对应不上一个是 Numer 一个是 String 解决方法 <el-form-item prop="performType" label=

一、设置el-label和el-input高度 <style scoped> ::v-deep.el-form-item.foldLabel .el-form-item__label {

类型是String时,不需写冒号。 text-color='red' 类型是基它类型时,需要写冒号,比如布尔值。 :collapse='true'

1、Option属性 export const tableOption = { "border": true,

一、问题描述 点击清空按钮clearable之后,如果输入框已经是聚集状态,再次输入时建议框不显示。 原因: 组件在执行清除事件时,将activat

是否严格的遵守父子节点不互相关联,当check-strictly属性值为: 1、false 表示父子有关联,点击父节点,其下子节点全部统一跟随父节点变化,点击子节点,子节点部分勾选时,父节点处于半选状

一、概述 Element UI是一款基于Vue2.x 的界面框架;Element Plus是一款基于Vue3.x 的界面框架; 二、使用 1、直接引用 <!DOCTYPE html> <html> <

一、使用pnpm新建项目 可以使用npm 或yarn或pnpm来初始化Vite项目 pnpm create vite xxx(项目名称) #选择vue #选择js cd xxx (进入项目目录) #安

方式一、全局引入 全局引入element之后事,element已经在app.config.globalProperties添加了全局方法$message,所以可以在组件中直接使用。 方式二、按需引入

一、接口携带token <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"