Vue + elementUi:v-loading使用
程序员文章站
2022-06-07 22:46:25
...
记录一下v-loading="tableloading"使用
在table数据渲染时使用,HTML中添加:
v-loading=“tableloading”
<el-table
ref="dynamictable"
:data="form.coldata"
v-loading="tableloading"
tooltip-effect="dark"
style="width: 100%"
max-height="250"
@select="handleSelectionChange"
@select-all="selectAll"
>
data中定义:
tableloading: false
在调用接口加载table数据时:
methods方法中:
initData () {
this.tableloading = true;
request({
url: "/",
method: "get",
params: ''
}).then(resp => {
if (resp.success) {
console.log(resp)
} else {
this.tableloading = false;
this.$message({ type: "error", message: resp.message });
}
});
}
},