点击除本身的盒子隐藏弹窗

116 阅读1分钟
去掉额么了表单校验前面的红色*
/deep/ .el-form-item.is-required .el-form-item__label:before{
content:""; //只清除内容* 但是还是有些间距 加上后面两个就可以和前面的表单item对齐了
width: 0px;
margin-right: 0px;
}

数字千位符:www.cnblogs.com/leftJS/p/11…

点击除本身的盒子隐藏弹窗
  closeDetail() {
  document.addEventListener("click", e => {
    const iconEl = document.querySelector(".el-popover");// 这里是要隐藏的弹窗 类名
    const iconEl1 = document.querySelectorAll(".fc-event-title-container");// 事件组
    let tag = false;
    if(iconEl1){
      iconEl1.forEach(ele=>{
        if(ele.contains(e.target)){
          tag = true // 如果点击到事件进行tag变化
        }
      })
    }
 if (iconEl  && !iconEl.contains(e.target) && !tag) {// contains 方法 就是查看包含关系  
    // contains 方法 本身含义:用于判断字符串中是否包含指定的字符或字符串
    //               返回值 :如果包含指定的字符或字符串返回 true,否则返回 false。
      this.detailVisible = false; // flagChart 弹窗的开关
 }
  });
}

\