点击某个元素查看有没有指定的父元素

  mounted() {
    document.addEventListener("click", (e) => this.fintParent(e));
  },
  methods: {
    fintParent(e) {
      const clickNode = e.srcElement;
      let parent = clickNode.parentNode;
      while (parent) {
        if (
          parent.classList &&
          (parent.classList.contains("dropdownWrap") ||
            parent.classList.contains("p_more-service"))
        ) {
          break;
        }
        parent = parent.parentNode;
      }
      if (!parent) {
        this.visible = false;
      }
    }
}

  用于输入框和下拉框是分离的,点击整个搜索框之外的地方关闭下拉框,点击输入框和下拉框不能关闭下拉框

posted on 2023-03-31 15:59  稳住别慌  阅读(33)  评论(0编辑  收藏  举报