时间戳

首页 > 解决方案 > IONIC VUE：离子菜单按钮未显示；令人困惑的文档

vue.js - IONIC VUE：离子菜单按钮未显示；令人困惑的文档

问题描述

在下面的模板中，我有一个ion-menu-button没有显示

我试着摆弄autoHide属性，文档说“当相应的菜单不活动时自动隐藏菜单按钮”，默认值为 true

那么这是否意味着如果菜单被隐藏，按钮也会被隐藏？这对我来说毫无意义。什么是“对应菜单”？

如果我将 autoHide 设置为 false，那么我的按钮就在那里......有人可以为我澄清一下吗？

应用程序.Vue

<template>
  <IonApp>
    <IonSplitPane content-id="main-content">
      <Menu />
      <ion-router-outlet id="main-content"></ion-router-outlet>
    </IonSplitPane>
  </IonApp>
</template>

我的子页面

<template>
 <ion-page>
<ion-header :translucent="true" class="pageHeader">
  <ion-toolbar class="toolbar">
    <ion-buttons slot="start">
      <ion-menu-button color="primary"></ion-menu-button>
    </ion-buttons>
    <ion-title>{{ $route.name }}</ion-title>
  </ion-toolbar>
</ion-header>

标签： vue.jsionic-framework

解决方案

推荐阅读