菜单从身体关闭后需要两次单击才能打开

Question

如果我打开菜单，然后点击身体上的任意位置关闭它，我必须再点击两次才能再次打开它。我究竟做错了什么？以下是我的代码。

Tags

Answer 1

我猜是因为当你关闭菜单时，你没有将mdcMenu.open设置为false，所以下次点击仍然会认为是mdcMenu.open === true，将其设置为false（并且不打开菜单）。但是，再点击一次即可将false设置为true，然后会打开菜单。

将body.click代码更改为：

document.querySelector('body').addEventListener('click', () => {
  mdcMenu.open = false;
  this.closeDropdownMenu();
});