说明：点击查询弹出模态，单击表格选中，点击模态外取消模态显示效果。如图

1. Template

 <!-- 模态 - 选择人员 -->
    <div class="model" v-show="isShowMultiple" @click="setMaskShow($event)">
      <div class="modelFixed" ref="child">
       		此处为内容区
      </div>
    </div>

2. script => data 中定义

 /*********  模态-选择人员********/
        isShowMultiple: false

3. script => methods 中定义关闭方法

 setMaskShow(e) {
        if (!this.$refs.child.contains(e.target)) {
          this.isShowMultiple = false;
        }
      },

4. 样式

.model {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.modelFixed {
  position: absolute;
  top: 120px;
  left: 10px;
  padding: 5px;
  background: #ffffff;
  box-shadow: 3px 2px 5px #7777;
}