antdesignvue spin 用法
时间: 2023-10-09 14:17:36 浏览: 121
ant-design-5.1.4.zip
Ant Design Vue 的 Spin 组件可以用来表示页面或区块正在加载中。
使用方法如下:
1. 导入 Spin 组件
```
import { Spin } from 'ant-design-vue';
```
2. 在模板中使用 Spin 组件
```
<spin :spinning="loading">
<div class="example">加载中</div>
</spin>
```
其中,`:spinning` 属性表示 Spin 是否处于加载状态,`loading` 是一个变量,表示当前是否需要加载。
3. 可以通过设置 Spin 的其他属性来自定义 Spin 组件的样式和行为,例如:
```
<spin :spinning="loading" size="large" tip="加载中...">
<div class="example">加载中</div>
</spin>
```
其中,`size` 属性表示 Spin 的大小,可以设置为 `small`、`default` 或 `large`,`tip` 属性表示 Spin 的提示信息。
更多详细的属性和用法可以查看 Ant Design Vue 的官方文档。
阅读全文