elementPlus给导入加loading状态
时间: 2024-01-21 09:05:10 浏览: 186
可以使用elementPlus的el-loading组件来给导入过程加上loading状态。具体实现步骤如下:
1. 在template中添加el-loading组件,用v-if控制其显示与隐藏。
```
<template>
<el-button @click="importExcel">导入</el-button>
<el-loading v-if="loading" :text="loadingText" :fullscreen="true"></el-loading>
</template>
```
2. 在data中添加loading和loadingText两个变量,用于控制loading组件的显示和文本内容。
```
<script>
export default {
data() {
return {
loading: false,
loadingText: '导入中,请稍后...'
}
},
methods: {
importExcel() {
this.loading = true
// 导入逻辑
// 导入完成后,将loading状态设为false
this.loading = false
}
}
}
</script>
```
3. 在importExcel方法中,将loading状态设为true,表示开始导入,并在导入完成后将loading状态设为false,表示导入结束。
这样就可以实现给导入过程加上loading状态了。
阅读全文
相关推荐

















