MessageBox 输入框限制字数

最新推荐文章于 2024-07-30 12:31:53 发布

shuxinzhou

最新推荐文章于 2024-07-30 12:31:53 发布

阅读量2.1k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/shuxinzhou/article/details/125894137

版权

在.then后判断value的长度是否超过限制字数超过的话弹出警告框

this.$prompt("请输入", "新增管理分类", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        inputType: "text",
        inputPattern: /\S/,
        inputErrorMessage: "不能为空",
      })
        .then(({ value }) => {
          if (value.length >= 10) {
            this.$message({
              type: "info",
              message: "超出限制字数10",
            });
          } else {
            http({
              url: "/b-important-manage-type/add",
              method: "post",
              data: { name: value },
            }).then((res) => {
              if (res.data.code === 200) {
                this.getClass();
              }
            });
            this.$message({
              type: "success",
              message: value,
            });
          }
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "取消输入",
          });
        });