这是在项目中比较常见的confirm确认框写法,(与this.$router相似)

在VUE+elementUI写法:

  onStopClick(row: any) {
    **this.$confirm**('确定停用该条消息吗 ?', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    })
      .then(() => {
        this.requestSwitchStatus(row)
      })
      .catch(() => {})
  }

换成ant Design Vue时写法:

handleDelete(record) {
  this.$confirm({
    title:'确认删除吗?',
    okText: '是',
    cancelText: '否',
    icon: 'exclamation-circle',
    confirm: this.handleClear()
  })
}

VUE+VUX 写法:(参考VUX文档~)


            this.$vux.confirm.show({
              title: 标题,
              content: content,
              onCancel() {
                let url = window.location.href
                if (url.indexOf('isApp') > -1) {
                  _this.goNV({type: ''})
                } else {
                  _this.$router.push('/home')
                }
              },
              onConfirm() {
                _this.crushEggRequest(param)
              }
            })```

Logo

前往低代码交流专区

更多推荐