【Web前端问题】vue下拉框如何点击其他区域收起

• Z时代
• 2024-01-10
• 分类：技术分享

一个下拉组件，如图，想要点击除这个组件的任何其他区域收起这个菜单，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社区就有

以上是 【Web前端问题】vue下拉框如何点击其他区域收起 的全部内容， 来源链接： utcz.com/a/141888.html