Javascript 单击主体或选择框外部时删除类 您好

您可以使用

.away

修饰符添加另一个单击事件处理程序

                   <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>

从：

当存在.away修饰符时，事件处理程序将仅在事件源不是其自身或其子事件时执行

---

请将JS添加到问题中，以便我们可以帮助您调试它

@click.away="isOpen = false"