Vue: Toggle fires the change event when data is changed

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

mounted() {
axios.get(‘pa/places’)
.then(response => {
this.places = response.data.data;
});
}

<f7-toggle
:checked="!!places[‘home’]"
@change=“foo”
>

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 https://framework7.io/vue/toggle.html
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.