How can I disabled swipeBackEnabled in Ionic Vue

Ionic Framework Ionic Vue
1

const getConfig = () => {
const config = {
swipeBackEnabled: false,
animated: true,
};
return config;
}

const app = createApp(App)
.use(IonicVue, getConfig())
.use(router);

I already disabled it on my main.ts but why can I still swipe back ? Thank you in advance. :slightly_smiling_face:

2

I found my own solution. I comment this code in folder node_modules/@ionic/vue/dist/index.js

watch(ionRouterOutlet, () => {
ionRouterOutlet.value.swipeHandler = {
canStart,
onStart,
onEnd
};
});

But this solution isn’t the best. I hope you can fix the config in Ionic Vue. :smiley:

3

Hey there,

This looks like a bug. I have prepared a fix and will merge the code after a review: https://github.com/ionic-team/ionic-framework/pull/22568

3 Likes