vue_vant-app项目中遇到的问题

问题：点击div之外的范围关闭div
解决方法：
给他的底层对象document一个点击事件点击隐藏改div
html如下

			<div class="view-details" @click.stop="showDetail(index)" v-else>
              <span>查看详情</span>
              <i class="iconfont icon-right"></i>
              <div class="detail" v-show="unUpdateIndex === index">
                <div class="triangle">
                  <div class="content" v-html="item.enum_val"></div>
                </div>
              </div>
     		</div>

ts如下

//打开该div
showDetail(index: any) {
    this.unUpdateIndex = index;
  }
//关闭该div
  hideDetail() {
    this.unUpdateIndex = '';
  }
//设置监听
  mounted() {
    this.active = this.firstIndex;
    document.addEventListener('click', this.hideDetail);
  }
//移除监听
  beforeDestroy() {
    document.removeEventListener('click', this.hideDetail);
  }