vue阻止冒泡

<template>    <div class="main">        <img src="../../../static/img/wxmember.png" alt="">        <button @click="showBuy">立即购买</button>        <div class="buy" v-if="isBuy" @click="closeBuy">            <img src="../../../static/img/buyyear.png" alt="" @click="sureBuy($event)">        </div>    </div></template>

data () {    return {        isBuy:false,    }},methods: {    // 方法    showBuy(){        this.isBuy = true;    },    closeBuy(){        this.isBuy = false;    },    sureBuy(event){        event.cancelBubble = true;    }},