如何在dom中使用element的Loading 加载

简介: 笔记

在原文案例中,提供了表格容器和整页加载的案例,想要在div局部区域内怎么做呢?

使用div为案例:

html中:

<div v-loading="loading"></div>

data中:

loading: true,

methods中:

startLoading: function () {
      loading = Loading.service({
        lock: true,
        text: "加载中……",
        background: "rgba(0, 0, 0, 0.7)",
      });
    },
endLoading: function () {
    loading.close();
},

方法中:

this.loading=true//打开
this.loading=false//关闭

注意:该方法要在已经导入element的情况下使用

目录
相关文章
|
6月前
|
存储 JavaScript 前端开发
理解DOM树的加载过程
理解DOM树的加载过程
58 0
|
6月前
|
JavaScript
怎么判断两个文档节点、网页元素(element)是否相同?判断两个DOM节点是否相等、相同的4种方法
怎么判断两个文档节点、网页元素(element)是否相同?判断两个DOM节点是否相等、相同的4种方法
|
6月前
|
XML 存储 JavaScript
XML DOM 加载函数
`loadXMLString()`函数被封装在名为&quot;loadxmlstring.js&quot;的外部JavaScript文件中,用于加载XML文档。在示例HTML中,这个函数被调用来处理动态生成的XML字符串,该字符串描述了一本名为&quot;Everyday Italian&quot;的书籍信息。之后,可以在`code goes here.....`处进一步处理`xmlDoc`对象。
|
6月前
|
XML 存储 JavaScript
XML DOM 加载函数
`loadXMLDoc()` 是一个JavaScript函数,用于加载XML文档。它支持XMLHttpRequest和ActiveXObject,适应不同浏览器。函数定义存储在名为`loadxmldoc.js`的外部文件中,包含在HTML `&lt;head&gt;`标签内,然后在页面脚本中调用来获取XML数据,如`books.xml`。接下来的章节将介绍如何处理加载的数据。
|
6月前
|
JavaScript
理解DOM树的加载过程(js的问题)
理解DOM树的加载过程(js的问题)
30 0
|
JavaScript 前端开发 UED
Vue中的动态DOM加载:实现更灵活的前端界面
Vue.js是一个流行的JavaScript框架,提供了强大的工具来构建交互式和动态的前端界面。在本博客中,我们将深入探讨Vue中动态加载DOM的方法和实例,以帮助您创建更灵活、响应式的用户界面。
441 0
|
JavaScript 前端开发
JavaScript — DOM的增删改查、节点、事件、文档的加载
JavaScript — DOM的增删改查、节点、事件、文档的加载
151 0
|
XML JavaScript 前端开发
你真的知道DOM吗(中)----(Document类型, Element类型)
你真的知道DOM吗(中)----(Document类型, Element类型)
98 0
|
JavaScript 前端开发
【JavaScript】DOM和事件简介和文档加载流程以及DOM查询(上)案例(附源码)
【JavaScript】DOM和事件简介和文档加载流程以及DOM查询(上)案例(附源码)
112 0
|
前端开发 JavaScript
React的渲染element(做最少的DOM操作)
Rendering Elements An element describes what you want to see on the screen. 原则:尽可能少的操作DOM 如下面react官网的例子就是很好的说明:
92 0
React的渲染element(做最少的DOM操作)