点击空白改变div

在vue中在mounted生命周期(当dom元素有更新的时候执行)监听click事件,在被点击的标签中添加ref属性,在通过判断,不等于,执行需要的操作

 mounted() {
    document.addEventListener('click',(e)=> {
      if(!this.$refs.zySelect.contains(e.target)) {
        this.zySelect = 'bottom'
      }

    })
  },