鱼塘码农

菜鸟学习记录
鱼海无涯

vue 触发内部元素的点击事件但不触发外部元素点击事件

在一个APP列表中,既要添加行点击事件,又要在行内添加一个按钮,点击行跳转新页面,点击按钮弹出弹窗,之前在其他框架里都是直接写就可以了,目前这个项目不行,点了内部的查询以后先弹窗后跳页了,经过搜索得知这是点击事件冒泡机制,想要阻止这个冒泡机制,在内部的@click后加上.stop就行了。 @click.stop="goSearch(i)"

<div-for="(j,ids) in openOrderColmuns" :key="ids" @click='clickRow(i)' >
  <van-button type="info" size="large"  @click.stop="goSearch(i)" >查询</van-button>
</div>
文章内容可能来自网络,纯为学习使用,若有侵权,请联系我删除 | 当前页面:鱼塘码农 » vue 触发内部元素的点击事件但不触发外部元素点击事件

评论