vue加载效果的使用

1.在data中定义

loading: false,

2.在使用的地方添加代码 :loading=“loading”

<template> <Table :columns="columns1" :data="data1" :loading="loading"></Table> </template>

3.改变loading的值

methods:{ async list(){ this.loading=true; let res=await this.$api.user.lists(); if(res){ this.data1=res.data; console.log(this.data1); } this.loading=false; }, async statics(id){ let res=await this.$api.user.statics({id}); if(res){ this.list(); this.$Message.success('操作成功'); } } }