阻止@change事件冒泡 阻止el-checkbox冒泡

需求：el-checkbox 中 @change事件要求阻止冒泡，如下代码中要求点击checkbox时不调用li标签的showPou方法

<li @click="showPou()">

<p>

   <el-checkbox

    @change="(val)=>handleCheckTower(val,item)"

    v-model="item.showCft"

    >测风塔</el-checkbox>

    </p>

</li>

解决思路1： 在el-checkbox 中用@change.stop发现不起作用，

解决思路2： 在p中用@click.stop，阻止了事件冒泡，但是发现handleCheckTower方法被调用了2次，这种思路也不行

<li @click="showPou()">

<p @click.stop="handleCheckTower(item)">

   <el-checkbox

    v-model="item.showCft"

    >测风塔</el-checkbox>

    </p>

</li>

解决思路3：百度了好久 发现如下方法，直接上代码，

<li>

<p

  @click.stop

>

<el-checkbox

  @change="handleCheckTower(item)"

  v-model="item.showCft"

  >测风塔</el-checkbox>

  </p>

</li>