在开发中,表格数据拿到之后应该能够自动更新表格数据,但是vue与element-ui不是那么灵活,需要刷新表格才行,此时的解决方案:
给表格初始化一个v-if为true,每次渲染完数据的时候让v-if为false,然后调用this.nextTick()函数让v-if再为true,即可实时刷新表格;
<el-table v-if="this.flag"></el-table>
reLoad(){
this.flag = false;
this.nextTick(()=>{
this.flag = true;
})
}
异步的时候可以使用Promise;
用法:
new Promise((resolve,reject)=>{
alert('entry');
resolve()
}).then(()=>{
alert('success')
}).then(()=>{
alert('success1')
}).catch(()=>{
alert('fail')
})