我的代码是这样的，但是每次我去点击路由跳转的时候总是要触发到<li>的点击事件，有没有什么办法办法可以阻止掉呢？
<ul>
<li :class="getClass(item)" v-for="(item,index) in list" @click="completeToggle(item)">{item.body}
<button @click.stop="del(index)">del</button>
<button><router-link :to="{name:'TodoDetail',params:{id:item.id}">detail</router-link></button>
</li>
</ul>
找到解决办法了，在li的点击事件上使用@click.self="completeToggle(item)"
