vue点击其它任何地方隐藏dom

Question

红色是导入的组件，头部，身体，底部。我想点击绿色块的其它任何地方，都使这块绿色块隐藏掉，vue该怎么做呢？

Answer 1

body上绑定事件，关闭，组件销毁前把事件移除。

methods: {

    handleBodyClick(){

        // 关闭

    },

},

mounted(){

    this.$nextTick(() => {

        document.querySelector('body').addEventListener('click', this.handleBodyClick);

    })

},

beforeDestroy(){

    document.querySelector('body').removeEventListener('click', this.handleBodyClick);

}