my app is native only, for blind/low vision,
so I have a timed splash page,
and after the timeout, I use router.push(name…) to get to the next page
either
one time config (that then routes to selection page)
or
the selection page…
after the push, the correct view (component) is shown
however, the accessibility info still sees the prior page… (as if the page didn’t change)
is there some ‘flush’ mechanism I need to define on the routes?
my startup component routes to Config or Select
practically speaking there is no going back to the splash page
there are back buttons on navigate (to select) and select(to config) and those work
my router definition
import { createRouter, createWebHistory } from '@ionic/vue-router';
import { RouteRecordRaw } from 'vue-router';
import Select from '../views/Select.vue'
import Config from '../views/Config.vue'
import Navigater from '../views/Navigater.vue'
import Startup from '../components/Startup.vue';
const routes: Array<RouteRecordRaw> = [
{
path: '/',
redirect: '/startup'
},
{
path: '/startup',
name: 'Startup',
component: Startup
},
{
path: '/Select',
name: 'Select',
component: Select,
props: true
},
{
path: '/Config',
name: 'Config',
component: Config,
props: true
},
{
path: '/Navigater',
name: 'Navigater',
component: Navigater,
props: true
}
]
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})