vue下拉框如何点击其他区域收起

一个下拉组件,如图,想要点击除这个组件的任何其他区域收起这个菜单,vue该怎么做?
图片描述

回答:

ready() {

document.addEventListener('click', (e) => {

if (!this.$el.contains(e.target)) this.show = false

})

}

回答:

这个下拉框是个div或其他什么吧,应该有个用于展示的class吧,这个class应当对应data里面的一个数据吧,修改对应的这个数据不就行了。

回答:

1.弹出框v-if="isShow"判断
2.单击时@click="doClick()"
事件:默认(初始化)isShow为false,单击时isShow=!isShow

回答:

vue 可以直接绑定blur事件 当当前对象失去焦点时 触发自定义动作

回答:

用vue的组件 vue-clickaway git社区就有

以上是 vue下拉框如何点击其他区域收起 的全部内容, 来源链接: utcz.com/a/149611.html

回到顶部