vue-click-outside-zyr

<template>
  <div class="box" v-click-outside="hide" ref="box">
    <input type="text" @focus="show" />
    <div v-show="isShow">面板</div>
  </div>
</template>
<script>
export default {
  data() {
    return { isShow: false };
  },
  methods: {
    show() {
      this.isShow = true;
    },
    hide() {
      this.isShow = false;
    },
  },
};
</script>