高寒js移除类，同时单击“主体”或“选中框外”。
高寒js移除类，同时单击“主体”或“选中框外”。
提问于 2021-05-20 11:13:15
<select
name="country"
id="country"
:class="{ 'active': isOpen == 1 }"
@click="isOpen = !isOpen"
@keydown.escape="isOpen = false"
class="form-group__input pl-4 rounded-lg select-triangle-arrow">
<option>hello</option
</select>我在单击select时成功添加了类。但当我单击“主体”或“外部”复选框时，它不会移除。请任何人帮我做这个。谢谢
回答 1
Stack Overflow用户
发布于 2021-05-20 14:17:30
对于Alpine.js v3：
可以使用.outside修饰符添加另一个单击事件处理程序。
@click.outside="isOpen = false"对于Alpine.js v2：
使用.away修饰符。
@click.away="isOpen = false"来自文档
.outside是一个方便的助手，用于监听它所附加的元素外部的单击。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67619234
复制相关文章
相似问题
腾讯云开发者
