目前是通过把全部展开的方法通过toggleRowExpansion展开,将整个方法放在一个seTtimeout里,时间设置为500,这个时候能够先绘制loading,再在展开完成后绘制展开行。在这里我想问一下,更新dom不是微任务吗,按理说应该是在setTimeout之前执行的吧,为什么设置为0的时候,还是会卡住呢?还是说dom更新不是本次tick而是放到了下...
调用this.getDataList()方法loading为true,接口返回是loading为this.loading = false;,关闭loading加载。 getDataList() {this.loading=true;constlistLoading=ElLoading.service({target:document.querySelector(".table-loading")asHTMLElement,lock:true})constpageParam = {pageIndex:this.currentPage,limit:this.pag...
在plugins 目录下创建 elementPlus/index.ts importtype{App}from"vue";// 需要全局引入一些组件,如ElScrollbar,不然一些下拉项样式有问题import{ElLoading,ElScrollbar}from"element-plus";constplugins = [ElLoading];constcomponents = [ElScrollbar];exportconstsetupElementPlus= (app: App<Element>) => { p...
vue3+elementplus动态渲染表格 笔记记录: 有这么一个需求,用户可以自定义选择表格哪些列显示,因此作此记录。 首先是模板内: 1<el-table2:header-cell-class-name="cellClass"3:height="tableHeight"4ref="tableRef"5:data="state.dataList"6v-loading="state.loading"7:header-cell-style="tableStyle.headerCe...
elementPlus中dialog里使用table但是不能渲染数据,也不能重新加载数据 查的方法,加:key,但是没有效果 <el-dialog v-model="dialogUserVisible" width="500px" :key="new Date().getTime()"> <el-table :data="dialogUserData" style="width: 100%" :key="reflash"> ...
-- import JavaScript --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <script> new Vue({ el: '#app', data: function () { return { loading: false, count: 10, currentPage: 1, currentNum: 10, currentTableRow: {}, jsonDate: { "TotalFiles": 28613, "...
Loading.value = false) }, { immediate: true, deep: true } ) onMounted(() => {}) </script> <style scoped lang="less"> .custom-table { :deep(.table_column) { margin: 0; padding: 0; .cell { padding: 0; padding: 12px 15px; // height: 100%; // width: 100%; } .table_...
import {ElLoading} from "element-plus"; const messageOnce = new domMessage() const baseURL = import.meta.env.VITE_APP_BASE_APIconst axios = Axios.create({ baseURL, timeout: 200000, // 请求超时 20s withCredentials: true, // 跨域请求时发送Cookie ...
importxwlRequestsfrom'./service'import{ElLoading}from'element-plus'xwlRequests.get({url:'/home/multidata',interceptors:{requestInterceptor:(config)=>{console.log('单独请求的config')if(xwlRequests.showLoading){xwlRequests.loading=ElLoading.service({lock:true,text:'正在请求数据',background:'rgba(255...