html - 如何使导航栏菜单在 Buefy 中的任何分辨率下都不会折叠？

Question

我在 Buefy 中有一个带有菜单的标准导航栏，如下所示：

<b-navbar type="is-dark" fixed-top="true">
  <template #brand>...</template>
  <template #start>...</template>
  <template #end>
    <b-navbar-item @click="menuIsOpen = true">
      <b-icon icon="bars"></b-icon>
    </b-navbar-item>
  </template>
</b-navbar>

<b-sidebar v-model="menuIsOpen">
...
</b-sidebar>

menuIsOpen是一个带有菜单项的侧边栏，通过单击右上角的栏图标打开。

我的问题是，如果分辨率是移动的，图标就会折叠。因此，当我单击右上角的图标时，会出现一个新的条形图标，我必须再次单击才能到达侧边栏。为移动分辨率的 Buefy 导航栏禁用这种折叠场景的方法是什么？

标签： htmlcssvue.jsbulmabuefy