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

更新日期: 2019-09-14 阅读次数: 4033 字数: 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 这两个值。

爱评论不评论

近期节日

2020年04月11日 世界帕金森病日
2020年04月19日 谷雨
2020年04月21日 复活节
2020年04月22日 世界地球日
2020年04月23日 世界读书日
2020年04月26日 知识产权日
2020年04月30日 佛诞
2020年04月30日 全国交通安全反思日
2020年05月01日 国际劳动节
2020年05月04日 五四青年节
2020年05月05日 立夏
2020年05月08日 世界红十字日
查看更多节日