Vue2.0阻止事件冒泡

<transition name="fade">
    <div class="picker_wrap" v-show="roomSelectShow"  @click="cancelSelect">
        <div class="picker_alert" @click.stop>
            <div class="picker_header ofh">
                <span class="fl" @click="toRoomManagement">编辑</span>
                <span class="fr" @click="confirmRoom">确定</span>
            </div>
            <mt-picker :slots="slots" class="" @change="onValuesChange"></mt-picker>
        </div>
    </div>
</transition>

出现的问题：点击picker_alert元素也会触发picker_wrap绑定的click事件

解决办法：阻止事件冒泡

在picker_alert元素加上@click.stop