vue中的 @click.self.prevent 与 click.prevent.self 区别


    

点击div3,会alert3,alert1。不但阻止了alert(2),还阻止了a的默认跳转。

因为点击的时候会先prevent,阻止默认事件,阻止了跳转;然后判断是否是self,因为点击到的是div3,所以不是self,阻止了alert(2)。

点击div3,会alert3,alert1,跳转到/#。只阻止了alert(2)。

因为会先判断self,点击到div3,不是self,所以不会执行click事件,就不会执行 阻止默认事件和alert(2) ,所以可以跳转

你可能感兴趣的:(vue)