Bootstrap-vue: Spinner in a button ?
Spinner in a button
I do not understand how to hide the Spinner in the button and display it only at the moment of the click then make it disappear as soon as the action is over ...
Thank you for your clarification / example?
<button class="btn btn-success">
<b-spinner small type="grow" style="margin-bottom: 3px;"></b-spinner> Save
</button>
VConsulting
>All comments
Use `v-if" to show and hide the spinner, based on a condition in your app/component. Such as setting a variable to true in a button click handler (then possibly disabling the button to prevent more clicks), and then once your async action is complete, reset the variable.
```html
tmorehouse
on 4 Jun 2019
👍3
Was this page helpful?
0 / 5 - 0 ratings
Related issues
humblecoder
路
3Comments
claviska
路
3Comments
kossa
路
3Comments
hydraheim
路
3Comments
ghost
路
3Comments
Most helpful comment
Use `v-if" to show and hide the spinner, based on a condition in your app/component. Such as setting a variable to true in a button click handler (then possibly disabling the button to prevent more clicks), and then once your async action is complete, reset the variable.
```html