vue事件冒泡問題

點(diǎn)擊黑色區(qū)域，選項(xiàng)卡和黑色遮罩消失，現(xiàn)在我點(diǎn)擊選項(xiàng)卡區(qū)域也觸發(fā)了函數(shù)，我的理解是事件冒泡造成的，但是事件觸發(fā)函數(shù)是寫在黑色遮罩div上的，加.stop不起作用，著么解決？

 <section class="block" v-show="isShow" @click="handleBlock">
            <div class="signList">
                <h3>請您選擇團(tuán)隊(duì)中一位醫(yī)生作為主要簽約對象</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>