el-radio等elementui组件使用@click.native时，绑定的事件会触发2次的问题

场景描述

由于某些原因，elementui提供的事件并不能满足我们的需求。此时如果想监听根元素的原生事件，就只能使用.native修饰符。

本次项目中，我也遇到了同样的情况，因此使用.native修饰符来监听原生click事件。

然而，在点击的时候，却发现el-radio上绑定的事件触发了2次！！

解决过程

自己找了半天，也没找到问题所在。但是大概猜想到了原因，el-radio肯定是封装了好几层，根元素肯定不会是input，于是打开控制台查看el-radio渲染之后的元素结构。发现果然是这个情况。

我认为是由于事件冒泡机制导致的，因为根元素是label，click事件绑定到了label上。
因为点击label的时候，事件冒泡一次，同时会触发关联的input的change事件，导致事再次触发事件。

最开始我想到了使用stop修饰符，阻止冒泡的传播。但是却发现依然触发2次？
后来又想到使用self修饰符，只有当事件传播到自身时才触发，然而此时却会导致事件根本不触发。
后来查阅资料，看到有人推荐使用prevent修饰符阻止默认事件，测试了一下，发现果然成功了，只触发1次。
但是这里就有了困惑，为什么stop和self均不行 ？prevent是阻止默认事件，这里的根元素是label，阻止了label的默认事件，为什么就能让事件只触发1次呢？虽然问题解决了，但是困惑还在，希望有看到文章的大神能够帮忙解惑！

解决文章参考：https://blog.csdn.net/gaiery/article/details/79197052
解决文章参考：https://blog.csdn.net/qq_40954793/article/details/86007803