打开抽屉时删除菜单图标。

huangapple go评论101阅读模式
英文:

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>

huangapple
  • 本文由 发表于 2023年3月7日 20:59:12
  • 转载请务必保留本文链接:https://go.coder-hub.com/75662287.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定