只有当函数内部存在 await 调用或返回 Promise 时，才将函数标记为 async 。 不建议使用 async 事件监听器，这可能会导致问题。 原因是 await 后的代码在事件分发之外执行。 参 考：https://github.com/github/eslint-plugin-github/blob/main/docs/rules/async- preventdefault preventdefault.md 如果一个事件监听器必须是 async ，应在任何 await 之前使用 e.preventDefault() ， 建议将其放在函数的开头。 如果我们想在非异步上下文中调用 async 函数， 建议使用 const _promise = asyncFoo() 来告诉读者 这是有意为之 的，我们想调用异步函数并忽略Promise。 一些 lint 规则和 IDE 也会在未处理返回的 不应使用 node.dataset ，而应使用 node.getAttribute 。 不要将任何用户数据绑定到 DOM 节点上，使用合适的设计模式描述节点和数据之间的关系。 框架使用 async 函数 HTML 属性和 dataset 前端开发指南 - 288 - 本文档使用 书栈网 · BookStack.CN 构建 推荐在Vue组件中使用 v-if 和 v-show 来显示/隐藏元素。