例如,vant 的 button 组件,有一个 loading 属性。
<van-button loading type="danger" loading-text="加载中..." />
- 有 loading 属性时,按钮会显示一个进行中的动态效果
- 没有 loading 属性时,则是一个普通的按钮样式
通常在调用后台 api 时,会在 button 组件上,添加 loading 属性。当 api 调用结束, 则删除该属性。
简单的实现方法:
<van-button :loading="handling ? true : false" type="danger" loading-text="加载中..." />
实际上,这个 loading 属性接受 true / false 这两个值。
微信关注我哦 👍
我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式