Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ionic/vue ionChange not catchable in a straightforward way since update #30170

Open
NyaomiDEV opened this issue Jan 30, 2025 · 2 comments
Open
Labels

Comments

@NyaomiDEV
Copy link

NyaomiDEV commented Jan 30, 2025

In my code I have to do, for example:

<script setup lang="ts">
	import {
		IonContent,
		IonHeader,
		IonList,
		IonPage,
		IonTitle,
		IonToolbar,
		IonCheckbox
	} from '@ionic/vue';
</script>

<template>
	<IonPage>
		<IonHeader>
			<IonToolbar>
				<IonTitle>
					Test
				</IonTitle>
			</IonToolbar>
		</IonHeader>

		<IonContent>
			<IonList>
				<IonCheckbox @["ion-change"]="console.log"></IonCheckbox>
			</IonList>
		</IonContent>
	</IonPage>
</template>

with "ion-change" being specified literally that way, to listen to said event. Neither v-on:ionChange nor v-on:ion-change (with shorthands et cetera) are working anymore.

I noticed this after a dependency update that brought me to version 8.4.3 from version 8.4.1 - and also it went unnoticed because I personally only seldom use ionChange, relying most of the times on v-models.

(My project is https://github.com/NyaomiDEV/Ampersand if you want to know more)

Also, I was able to reproduce it minimally on StackBlitz: https://stackblitz.com/edit/vj18czas?file=src%2FApp.vue

@ionitron-bot ionitron-bot bot added the triage label Jan 30, 2025
@NyaomiDEV NyaomiDEV changed the title ionic/vue behaves strangely since a few versions ionic/vue ionChange not catchable in a straightforward way since update Jan 30, 2025
@mpaland
Copy link

mpaland commented Jan 30, 2025

I can confirm it.
I'm using Ionic Vue, 8.4.3 and it seems that after the update ALL @ionChange and @ionInput events are not working anymore, of all components (ion-range, ion-input etc).
The event handler gets not triggered.
I downgraded to 8.4.2 and it's working fine.

@anaseqal
Copy link

i can confirm it too.
in v 8.4.3 @ionRefresh and @ionInfinite is ignored, seems like global events handler issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants