Topics created by folami

Try this… <template> <q-layout view="hHh lpR fFf"> <q-header elevated class="bg-primary text-white" height-hint="98"> <q-toolbar> <q-btn dense flat round icon="menu" @click="left = !left" /> <q-toolbar-title> <q-avatar> <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg"> </q-avatar> Title </q-toolbar-title> </q-toolbar> <q-tabs align="left"> <q-route-tab to="/page1" label="Page One" /> <q-route-tab to="/page2" label="Page Two" /> <q-route-tab to="/page3" label="Page Three" /> </q-tabs> </q-header> <q-drawer show-if-above v-model="left" side="left" bordered> <!-- drawer content --> </q-drawer> <q-page-container> <router-view /> </q-page-container> <q-footer elevated class="bg-grey-8 text-white"> <q-toolbar> <q-toolbar-title> <q-avatar> <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg"> </q-avatar> Title </q-toolbar-title> </q-toolbar> </q-footer> </q-layout> </template> <script> export default { data () { return { left: false } } } </script> Scott

I got a similar solution online but this didn’t work with front-end frameworks

@metalsadman …thanks, I willl just follow your suggestion

@s-molinari okay thanks so much

@wcomnisky thanks for your response i got it fixed…it was one of my boot files that caused the error

@CristalT Lol…very funny, I have not read the docs to that level thanks…I got it already

thanks so much for your response…

Thanks for clarifying. I have just checked the browsers: on OSX Chrome I get the selection on first click - version 74.0.3729.131 on OSX Safari I need to click twice - version 12.1 (14607.1.40.1.4) My q-select is pretty basic: <q-select dense bottom-slots stack-label v-model="myDoc.Model" label="Model" :options="modelOptions" class="q-mt-xl" style="max-width: 600px" />

@PeterQF Its just a placeholder … means insert your code or whatever there, in this case an array of string paths ie paths : ['somepath']. https://github.com/robinvdvleuten/vuex-persistedstate/blob/master/README.md

Yeah, multiple levels is a bit trickier. Scott