Vue+iview Modal组件关闭弹框之后报错问题

问题描述: 父组件调用子组件Modal的时候,关闭弹框之后会报错一共有下面几种情况

---

1，直接使用Modal组件(非自定义modal组件)

• 父组件代码

复制代码

• 子组件代码

复制代码

备注:

  // @Model('input', { type: Boolean })
  // @Prop({ default: false })
  // testModal: Boolean
复制代码

2，自定义Modal组件

• 父组件代码

复制代码

• 子组件代码

复制代码

• 子组件代码

复制代码

备注:

• this.$emit('on-complete', !this.value, 'value1')把值传给父组件,来实现true和false的转换

• 因为modal组件有默认的底部按钮,还有关闭按钮(头部的X号),还有遮罩层的关闭,这些都不能改变传进来的值，所以需要@input="data => $emit('input', data)"来实现

• 如有问题,欢迎指正,谢谢

• 原创,转载请注明出处: Vue+iview Modal组件爬坑之路(关闭弹框之后报错问题)