【angular中事件冒泡怎么解决？】

angular中事件冒泡怎么解决？

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

详细描述

截图

代码

点击“赞”或“踩”的链接，就会看到该页面发生了预料之外的刷新。 

在默认情况下，JavaScript会把click事件冒泡到所有父级组件中。因为 click 事件被冒泡到了

父级，浏览器就会尝试导航到这个空白链接，于是浏览器就重新刷新了。 

解决办法：让 click 的事件处理器返回 false 。这能确保浏览器不会尝试刷新页面。修改代码，以便让每一个 voteUp() 和 voteDown() 函数都返回一个布尔值 false （告诉浏览器不要向上冒泡） ： 

voteDown(): boolean { 

  this.votes -= 1; 

  return false; 

}

编辑于2024-05-18