vue @click的stop和prevent
@click.stop 阻止事件冒泡
@click.prevent 阻止事件的默认行为
联合饿了吗UI使用的时候,el-table(主表)包含一个或多个子表时(el-tabs),点击右侧的编辑、删除时会同时触发el-table的current-change(),如果子表过多会,每次点击编辑/删除都会多次同时调用子表的数据查询接口,此时在编辑和删除的click事件加上
@click.stop.prevent会避免多次调用子表的查询接口(如下)
注:本人是在点击删除时根据tabs的一个或多个字表提示删除信息的不同用到了上述写法,做个记录
本文来自博客园,作者:GoodTimeGGB,转载请注明原文链接:https://www.cnblogs.com/goodtimeggb/p/17046251.html