用于页面和区块的加载中状态。
何时使用
页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。
演示
点击显示
代码
<button class="btn btn-primary btn-large" @click.prevent="isShow = true">点击显示</button>
<loader v-if="isShow">
<button class="btn btn-primary btn-large d-block" @click.prevent="isShow = false">
点击隐藏
</button>
</loader>
Loader 属性和事件
属性或事件 | 类型 | 默认 | 说明 |
---|---|---|---|
text | string | - | 额外的文本 |
background | string | - | 背景颜色 |