vue的事件修饰符是什么,她能做什么事?举个栗子:在vue的click事件中,如何阻止事件传播?

answer:=>
        事件修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,
        而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有:                
        .stop:等同于JavaScript中的event.stopPropagation(),防止事件冒泡
        .prevent:等同于JavaScript中的event.preventDefault(),防止执行预设的行为
        (如果事件可取消,则取消该事件,而不停止事件的进一步传播)
        .capture:与事件冒泡的方向相反,事件捕获由外到内
        .self:只会触发自己范围内的事件,不包含子元素
        .once:只会触发一次
    举个栗子:=>
        .stop 防止事件冒泡
        冒泡事件:嵌套两三层父子关系,然后所有都有点击事件,点击子节点,就会触发从内至外  
        子节点-父节点的点击事件

猜你喜欢

转载自www.cnblogs.com/edczjw-Edison/p/12421494.html