英文:
Remove menu icon upon opening drawer
问题
我试图在打开抽屉时移除菜单图标并将箭头图标移到抽屉的左侧。我还在尝试弄清楚为什么我的返回箭头功能在移动视图下无法关闭抽屉。感谢任何解决方案。
我尝试进行了一些条件处理,但似乎不起作用。以下是我在 play vuetifyjs 上构建的UI 示例。
英文:
I'm trying to remove the menu icon upon opening the drawer and move the arrow icon to the left side of the drawer. I'm also trying to figure out why my arrow back function is not working to close it on mobile view. Any solution is appreciated.
I tried to make a conditions out of it but seems not to work. Here are the example of UI that I build on play vuetifyjs
答案1
得分: 0
发现了一个解决方法,如果有更好的方法,请告诉我!
英文:
Found a workaround, let me know if others have a better approach!
<v-list-item>
<v-icon v-if="$vuetify.display.mdAndUp && rail"> mdi-menu </v-icon>
<v-icon
v-if="$vuetify.display.mdAndUp && !rail"
@click.stop="rail = true"
>
mdi-chevron-double-left
</v-icon>
<v-icon
v-if="$vuetify.display.smAndDown && drawer"
@click.stop="drawer = false"
>
mdi-chevron-double-left
</v-icon>
</v-list-item>
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论