vue click.stop 阻止点击事件继续传播（阻止事件冒泡）

场景：H5 移动端，弹窗表单，背景是遮罩，点击表单外遮罩时关闭弹窗，点击表单则不关闭弹窗。

click.stop ：阻止点击事件继续传播

<template>
  <section>
    <div class="mob-investjoin-container">
      <!-- 背景遮罩 -->
      <div class="dialog-mask" v-if="isDlgShow" @click="closeHandle(2)">
        <div class="mob-join-modal-container" @click.stop="stopHandle()">
        </div>
      </div>
    </div>
  </section>
</template>
<script>
export default {
  data () {
    return {
      isDlgShow: false
    }
  },
  props: {
  },
  watch: {
    $route (to, from) {
      console.log('mob to.path', to.path);
    }
  },
  created () {
  },
  mounted () {
  },
  methods: {
    stopHandle () {
      console.log('stop')
      return false
    },
    closeHandle () {
      console.log('close')
      // 关闭弹窗
      // xxx
    }
  }
}
</script>
<style lang="less" scoped>
</style>