vue实现点击页面其他地方，隐藏div元素

mounted() {document.addEventListener("click", (e) => {let that = thisif (!this.$el.contains(e.target)) {that.videoShow = false; //点击其他区域关闭} else {that.videoShow = true;}});},

飞耳元宝

2623人浏览 · 2021-10-08 15:29:15

飞耳元宝 · 2021-10-08 15:29:15 发布

mounted() {
    document.addEventListener("click", (e) => {
      let that = this
      if (!this.$el.contains(e.target)) {
        that.videoShow = false; //点击其他区域关闭
      } else {
        that.videoShow = true;
      }
    });
  },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^