Question

我正在使用聚合物和aurelia，并有一个从侧面打开的菜单。但是当我在移动设备中点击菜单中的某个项目后，它不会自动关闭。

<paper-item if.bind="!authenticated" class="login" style="padding-left:10px">
    <a paper-drawer-toggle href="/login" class="nav-link">
        <span class="fa fa-sign-in"></span>
        <span if.bind="fullmenu" class="nav-item">Login</span>
    </a>
</paper-item>

Answer 1

我无法让paper-drawer-toggle工作，而是必须创建一个函数来处理它;

close() {
    let drawer = document.getElementById('drawerPanel');
    drawer.toggle();
    return true;
}

然后只需将功能添加到click.trigger;

<paper-item if.bind="!authenticated" class="login" style="padding-left:10px">
    <a paper-drawer-toggle href="/login" class="nav-link">
        <span class="fa fa-sign-in"></span>
        <span if.bind="fullmenu" class="nav-item">Login</span>
    </a>
</paper-item>

点击

1 个答案: