js多种方法实现点击空白处关闭面板

1. v-click-outside

作用：当鼠标点击了指令所绑定元素的外部时，就会触发绑定方法

Install

npm install --save v-click-outside

Use

import vClickOutside from 'v-click-outside'
Vue.use(vClickOutside)

<template>
	<p v-click-outside="onClickOutside"></p>
</template>
<script>
	export default {
   
		methods: {
   
			onClickOutside (event, el) {
   
				console.log('Clicked outside. Event: ', event)