如何使用Modal调用Modal？

[lanzehao]

例如，我在confirm和custom这两个方法中都写了Modal.confirm，但是当我使用confirm的onOk来调用custom时，弹出的custom对话框闪烁一下就消失了，这是为什么呢？**

confirm () {
	this.$Modal.confirm({
		content: '<p>1</p>',
		onOk: () => {
			this.custom();
		}
	});
},
custom () {
	this.$Modal.confirm({
		content: '<p>2</p>',
		okText: 'OK',
		cancelText: 'Cancel'
	});
}

[yan170772286]

https://github.com/iview/iview/blob/2.0/src/components/modal/modal.vue#L333 源码中settimeout 300毫秒后才关闭

[ZTao-z]

可以试试这种写法

confirm () { 
  this.$Modal.confirm({ 
    content: '<p>1</p>', 
    onOk: () => { 
      setTimeout(() => { this.custom(); }, 300) 
      this.$Modal.remove()
    }
  }); 
}, 
custom () { 
  this.$Modal.confirm({ 
    content: '<p>2</p>', 
    okText: 'OK', 
    cancelText: 'Cancel'
  }); 
}