CLoadingButton onClick?

Trying to figure out how to trigger an event on Click using the CLoadingButton, and can’t seem to figure it out. I can make a method fire onChange, but it appears that doesn’t actually fire until the “loading” spinner has spun for a few seconds and stops. Is there an example somewhere of a CLoadingButton which executes an asynchronous method on click, and then when that method returns (or fires its callback, or whatever) the loading spinner is stopped? Seems like the obvious use case for this component but I can’t figure out how to do it.

What I have in the template:

<CLoadingButton color="primary" ref="modelUpdateButton" v-bind="{shape: 'pill', disabled: (! modelUpdateButtonEnabled), loading: modelUpdateLoading}" class="float-right small">Update Model</CLoadingButton>

And then in the methods for this component:

submitModelUpdate() {
  console.log("Firing model update fn");
  self.modelUpdateButtonEnabled = false;
  self.modelUpdateLoading = true;
  // Execute a function here which will, upon completion, set self.modelUpdateLoading = false and self.modelUpdateButtonEnabled = true
}

How do I make the CLoadingButton fire submitModelUpdate when it’s clicked?