vant button 组件动态添加/删除 loading 属性

更新日期: 2019-09-14 阅读次数: 7981 字数: 139 分类: VueJS

例如,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 聊聊, 查看更多联系方式。 白天写程序,晚上哄熊孩子,可能回复有点慢,见谅。同时也欢迎关注我的微信公众号“大象工具”: 大象工具微信公众号

相关文章

爱评论不评论

近期节日

2020年10月31日 世界勤俭日
2020年11月01日 万圣节
2020年11月07日 立冬
2020年11月08日 中国记者日
2020年11月10日 世界青年节
2020年11月11日 光棍节
2020年11月14日 世界糖尿病日
2020年11月17日 国际大学生节
2020年11月20日 国际儿童日
2020年11月21日 世界问候日
2020年11月22日 小雪
2020年11月26日 感恩节
查看更多节日