vue框架:@click事件修饰符的.stop使用
.stop
使用.stop来对事件的冒泡机制进行阻止
js中的事件的冒泡指的是，在触发了内层元素的同时，也会随之继续触发外层元素(外层元素包裹了内层元素)，在做点击的过程中，点击了内层元素，也可以认为是同时点击了外层元素。所以两个事件都会触发。
在实际项目开发中，几乎没有太多需求会使用到这种事件冒泡的机制，所以我们需要阻止事件的冒泡。阻止事件冒泡之后的效果是，在我们点击了内层元素之后，内层元素绑定的事件触 发，触发完毕后，由于事件冒泡被阻止后，就不会继续触发外层元素的事件了。
点击查看演示
使用.stop来对事件的冒泡机制进行阻止
js中的事件的冒泡指的是，在触发了内层元素的同时，也会随之继续触发外层元素(外层元素包裹了内层元素)，在做点击的过程中，点击了内层元素，也可以认为是同时点击了外层元素。所以两个事件都会触发。
在实际项目开发中，几乎没有太多需求会使用到这种事件冒泡的机制，所以我们需要阻止事件的冒泡。阻止事件冒泡之后的效果是，在我们点击了内层元素之后，内层元素绑定的事件触 发，触发完毕后，由于事件冒泡被阻止后，就不会继续触发外层元素的事件了。
点击查看演示
联系客服