element使用el-dialog结合表单报错情况处理

1.情况描述:

 项目中使用了element中的el-dialog组件,在对话框中嵌套表单组件,新增编辑时调用,每次新增时 清空表单提交校验,每次编辑时不用 清空表单提交校验,第一次加载页面不报错,切换页面后再 加载组件报错,清空校验提示错误,为空。

 

2.找了很久的问题终于找到了 原因,兄弟组件通信使用eventBus事件后没有及时关闭,导致多次执行,使用eventBus事件在页面注销时记得手动关闭!

兄弟组件通信 

触发事件:eventBus.$emit

接收事件:eventBus.$on

关闭事件:eventBus.$off

beforeDestroy() {
  eventBus.$off('createBaseStation')
  eventBus.$off('updateBaseStation')
}

  

你可能感兴趣的:(vue)