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 这两个值。