iView-UI:使用Modal调用Modal

问题

iView的Modal真的非常不友好,用起来总感觉this.$Modal多次调用的话采用的是引用的方式,结果导致后面的Modal的属性会覆盖前面的Modal,而前面的Modal一关闭导致写在onOK函数里面的Modal也一并关闭了。

解决方案

我想到的解决方法就是先手动强制关闭前面的Modal,然后采用延时触发唤起一个新的Modal,效果还可以

this.$Modal.confirm({
  title: '提示',
  content: 'Modal1',
  onOk: () => {
    setTimeout(() => {
      this.$Modal.confirm({
        title: '提示',
        content: 'Modal2',
        onOk: () => {
          // do something
        },
        onCancel: () => {

        }
      })
    }, 300)
    this.$Modal.remove()
  },
  onCancel: () => {

  }
})

你可能感兴趣的:(前端)