elementui和vue前端新增文本框控制输入的字符并且提示

小猴子静

已于 2022-10-10 09:53:45 修改

阅读量3.3k

点赞数

文章标签： vue.js javascript vscode node.js

于 2022-04-01 15:04:29 首次发布

本文链接：https://blog.csdn.net/m0_59168984/article/details/123898394

版权

本文介绍如何使用ElementUI和Vue.js前端框架，实现文本框输入时控制字符数，并在超出限制时给予用户提示。示例代码展示了具体的实现方式。

摘要由CSDN通过智能技术生成

本文框如果为空就提示，如果超出限制的长度也提示。

效果如下图所示：

代码如下所示：

meetingPlace: [
          {
            required: true,
            validator: (rule, value, callback) => {
              console.log(value);
              console.log(value.length);
              if (!value) {
                return callback(new Error("Meeting Type cannot be empty"));
              }
              if(value.length==5){
                return callback(new Error("只能输入5个字符"));
              }
            },
          },
        ],