欢迎光临散文网 会员登陆 & 注册

怪奇笔记:第三方组件阻止冒泡

2022-09-07 14:30 作者:巨型蟹敌  | 我要投稿

Vue下的第三方组件由于直接标记click.stop会有无效的问题,那么就有一个偷的法子:就是在外层给他包一个dom,dom上标记 click.stop即可,如下图所示:

标记上@click.stop即可,要不要后面的无所谓

此时,容器内部的组件依然会相应你的click等事件,只是由于外层被stop掉了,所以事件不会继续往下传递,止步于这个包裹容器上.

凑字另外再提一个小点, destroyOnClose失灵的问题,可以通过给需要销毁的元素标定一个key属性进行处理,例如 <el-dialog ...... :key="new Date().valueOf()" 这种;然而组件内部数据的销毁,则还是由代码进行控制

怪奇笔记:第三方组件阻止冒泡的评论 (共 条)

分享到微博请遵守国家法律