Vue3 中 router-link 子元素点击冒泡跳转问题

<router-link :to="{ path: '/Job/JobDetail', query: { id: item.aid } }" class="relative flex flex-col items-center">
  <img @click.stop = "delItem(item.aid)" :src ="defaultbg" alt="" class="rounded-lg">                          
</router-link>

当我点击图片时删除内容时，会默认跳转。试了 @click.stop 和 e.stopPropagation 也不行。

给 @click.stop 改成 @click.stop.prevent 即可解决

<router-link :to="{ path: '/Job/JobDetail', query: { id: item.aid } }" class="relative flex flex-col items-center">
  <img @click.stop.prevent = "delItem(item.aid)" :src="defaultbg" alt="" class="rounded-lg">                          
</router-link>