vue自定义弹窗dialog vue 点击遮罩层功能区以外的地方关闭遮罩层

vue自定义弹窗dialog，vue 点击遮罩层功能区以外的地方关闭遮罩层

1.示例展示

2.代码

<template><div><div @click="openPopup()">打开弹窗</div><!-- 预约弹窗 --><div v-if="isPopup" @click="closeMask($event)"><div ref="msk"><div><div><div>预约书籍</div><div @click="closePopup()">x</div></div><!-- 预约详情 --><div>