toggleLeft (or close) only when on phone?
-
My web app works fine, but I am having some trouble with the iphone version, the drawer won’t close. I suspect this is because I replaced my
<q-side-link to=
elements with a function<q-item @click="gotointernal('/dashboard','Dashboard')">
:gotointernal (url, bigname) { this.routeName = bigname this.$router.push(url) }
I could add a toggleLeft to that function, but I want the sidebar to stay open if on desktop, and only close if on a small device. Any idea how I can do one of the following:
- Fix the drawer so it works properly again on ios (but without reverting to
q-side-link
) - Detect open/close state of drawer
- Only close drawer if on iphone/android, not on desktop
Thanks!
- Fix the drawer so it works properly again on ios (but without reverting to
-
The more I look at this, the stranger it is. Can anyone explain to me why my method code above (that replaces q-side-link) would fail to hide the drawer when run (via cordova) on ios, but using q-side-link DOES properly hide the drawer and return control to the page?
-
This post is deleted! -
Well, I found a workaround that hopefully helps someone else. I can attach a method separately by using @click.native=“mymethod()” in q-side-link.
-
How did you fix this ssuess?
-
I had some issues when closing drawer and navigating in the same method:
// wrong way this.layout.hideLeft() this.$router.push('/route') // right way this.layout.hideLeft(() => { this.$router.push('/route) })
Hope this helps
-
@trsiddiqui1989 exactly as I said above. Create a method that does what you want and attach it to @click.native in your q-side-link component. If you have a question about that, please let me know with specifics and I will try to answer in greater detail, hope this helps.
-
The problem is, hideLeft is not working on the side bar which comes with an overlay.