vue设置点击自身以外其他区域关闭列表

    下面的例子是 设置点击列表 其他区域关闭列表

<div @click="handleClickOutside($event)">
  <div v-if="searchShow" ref="searchList">
    列表
  </div>
    
  <div>
    其他区域
  </div>
</div>

handleClickOutside(event) {
  let target = event.target
  //判断当前点击的位置是否是列表
  if (this.searchShow && target !== this.$refs.searchList) {
    this.searchShow = false
  }
},

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-06-14 11:04:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-14 11:04:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-14 11:04:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-14 11:04:04       20 阅读

热门阅读

  1. 查询ubuntu的ip方法

    2024-06-14 11:04:04       10 阅读
  2. 后端开发面试题5(附答案)

    2024-06-14 11:04:04       5 阅读
  3. 在Spring中如何手动开启事务(使用编程式事务)

    2024-06-14 11:04:04       9 阅读
  4. 【Go】十三、TOKEN机制与跨域处理方式

    2024-06-14 11:04:04       7 阅读
  5. Python类,面向对象详解

    2024-06-14 11:04:04       5 阅读
  6. windows命令帮助大全

    2024-06-14 11:04:04       6 阅读
  7. Codeforces Round 952 (Div. 4)

    2024-06-14 11:04:04       8 阅读
  8. 2024.6.13 刷题总结

    2024-06-14 11:04:04       8 阅读
  9. MySql几十万条数据,同时新增或者修改

    2024-06-14 11:04:04       6 阅读
  10. ELasticSearch数据迁移方案-elasticdump

    2024-06-14 11:04:04       7 阅读
  11. 前端针对需要递增的固定数据

    2024-06-14 11:04:04       5 阅读