zoukankan      html  css  js  c++  java
  • vue3.0中使用,一个元素中是否包含某一个元素。

    const isOpen = ref(false) //控制弹出层是否显示
    
    const dropdownRef = ref(null)
    const handler = (e:MouseEvent)=>{
      if(dropdownRef.value){
        if(!dropdownRef.value.contains(e.target as HTMLElement) && isOpen.value){
          isOpen.value = false //关闭弹出层
        }
      }
    } 
    
    onMounted(()=>{
      document.addEventListener('click',handler)
    })
    onUnmounted(()=>{
      document.removeEventListener('click',handler)
    })
    
    return {
      isOpen,
      dropdownRef
    }

    备注:HTMLElemetn.contains(HTMLElement)   该元素是否包含  括号里面的元素。   js原生写法

  • 相关阅读:
    time模块
    日期和时间
    异常和函数
    finally子句
    自定义异常
    异常中的else
    全捕捉
    排序算法---希尔排序
    排序算法---直接插入排序
    排序算法---快速排序
  • 原文地址:https://www.cnblogs.com/chengxiang123/p/14714675.html
Copyright © 2011-2022 走看看