element-ui ElMessageBox.prompt input校验

最新推荐文章于 2024-05-19 16:51:01 发布

小小前端~

最新推荐文章于 2024-05-19 16:51:01 发布

阅读量2.3k

点赞数 1

文章标签： ui javascript 前端

本文链接：https://blog.csdn.net/zsj702177/article/details/127319538

版权

// 驳回
const rejectClick = (row) => {
  ElMessageBox.prompt('请输入驳回理由', '驳回', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    //校验方法
    inputValidator: (val) => {
      if (val === null||val.length < 1 || val.length > 216) {
        return false;
      }
    },
    inputErrorMessage: '此项不能为空，最多可输入512个字符',
  })
    .then(({ value }) => {
      console.log(value)
      ElMessage({
        type: 'success',
        message: '驳回成功',
      })
    })
    .catch(() => {
    })
}