Click the black area, the tab and the black mask disappear, now I click on the tab area to trigger the function, my understanding is caused by the event bubble, but the event trigger function is written on the black mask div, plus .stop does not work, how to solve?
<section class="block" v-show="isShow" @click="handleBlock">
<div class="signList">
<h3></h3>
<ul>
<li class="docList" v-for="item in proDoc">
<div class="avatar"><img :src="filePath+item.headImg" alt=""></div>
<div class="name">{{item.name}}</div>
<div class="proName" :class="{"leader":item.isLeader==1}">{{item.hospitalProName}}</div>
<div class="publicPrivate">
<label><input type="radio" name="abc" :data-id="item.id"><i></i></label>
</div>
</li>
</ul>
<div class="ensure" @click="applyToDoc"></div>