el-button loadding效果
时间: 2023-07-07 08:44:03 浏览: 102
原生JS实现LOADING效果
5星 · 资源好评率100%
你可以使用 Element UI 中的 `<el-button>` 组件来实现 loading 效果。在 `<el-button>` 中添加 `loading` 属性即可启用 loading 效果,例如:
```html
<template>
<el-button :loading="loading">加载中</el-button>
</template>
<script>
export default {
data() {
return {
loading: false
}
},
methods: {
fetchData() {
this.loading = true;
// 发送请求获取数据
// ...
this.loading = false;
}
}
}
</script>
```
在上面的代码中,当 `loading` 属性为 `true` 时,按钮就会显示 loading 效果。你可以在需要进行数据加载的时候将 `loading` 设置为 `true`,在数据加载完成后再将其设置为 `false`,以达到 loading 效果的目的。
阅读全文