Question

我正在使用您的材料在右侧创建侧边菜单。但是，通过放置它并指示必要的指令，打开菜单的事件的工作方式有所不同。换句话说，如果我用手指从右向左滑动，则菜单不会打开，但是如果我沿相反的方向（即从左向右）滑动，则菜单会显示在右侧。没有道理。

我正在使用SideBar组件，其中包含“ md-drawer”组件，在此将示例保留在代码中。

这是我用来进行测试的组件：Vue Material - Drawer

<template>
  <md-drawer md-right
    :md-active.sync="showSidepanel"
    :md-fixed="true"
    :md-swipeable="true">
    <md-toolbar class="md-transparent" md-elevation="0">
      <span class="md-title">Favorites</span>
    </md-toolbar>

    <md-list>
      <md-list-item>
        <span class="md-list-item-text">Abbey Christansen</span>

        <md-button class="md-icon-button md-list-action">
          <md-icon class="md-primary">chat_bubble</md-icon>
        </md-button>
      </md-list-item>

      <md-list-item>
        <span class="md-list-item-text">Alex Nelson</span>

        <md-button class="md-icon-button md-list-action">
          <md-icon class="md-primary">chat_bubble</md-icon>
        </md-button>
      </md-list-item>

      <md-list-item>
        <span class="md-list-item-text">Mary Johnson</span>

        <md-button class="md-icon-button md-list-action">
          <md-icon>chat_bubble</md-icon>
        </md-button>
      </md-list-item>
    </md-list>
  </md-drawer>
</template>

<script>
export default {
  name: 'SideBar',
  data: () => {
    return {
      showSidepanel: false
    }
  }
}
</script>

右侧/ w Vue材料上的侧菜单出现问题

0 个答案: