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

文章目录

    例如,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 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式