按钮嵌套按钮, 点击里面的按钮不能触发,而是只触发最外面的按钮事件 这是什么原因
发布于 6 年前 作者 csu 5316 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

<button formType=“submit”>

    <button class=“share-btn” open-type=“share” hover-class=“none” type=“default” size=“default”>{{active_btn_text}}</button>

</button>

  • 预期表现

里面的分享按钮能触发, 但实际上并没有用, 只触发外面的按钮

  • 复现路径
  • 提供一个最简复现 Demo
2 回复

换两view就行

冒泡事件和非冒泡事件去了解一下

  1. 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。

  2. 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。

回到顶部