@click.stop="“”
时间: 2024-06-08 17:08:08 浏览: 103
“暂停”按钮代码
@click.stop="“”是Vue.js中用于阻止事件冒泡的指令。当一个元素上绑定了@click.stop指令时,它会阻止点击事件继续传播到父元素。这意味着当点击该元素时,只会触发该元素上绑定的事件,而不会触发其父元素上的事件。
在引用的示例中,当点击按钮时,按钮的点击事件会被阻止传播,只会弹出"noclick",而不会弹出"dodo"。
同样,在引用的示例中,当点击"喜欢"、"评论"或"分享"时,点击事件会被阻止传播到父元素"footer-box",只会触发相应的footerClick方法。
总结起来,@click.stop指令用于阻止点击事件冒泡,确保只触发当前元素上绑定的事件,而不会触发其父元素上的事件。
阅读全文