Vue: Toggle fires the change event when data is changed

I have:
data: function () {
return {
places: {},

mounted() {
.then(response => {
this.places =;


When data is updated in the mounted method toggle fires the foo method. But if I use f7-checkbox instead everything works fine and foo is not fired.

How can I make the toggle to fire @change on tapping only and not on data change?

Use toggle:change event instead
As argument it receives boolean value. And in your handler, please compare current value with previous one to avoid such issues

Yes, I know about toggle:change, but it doesn’t help. It seems the only way to make it work is to compare.