vue配合element-ui遇到的问题【记录篇】

最新推荐文章于 2023-12-02 17:52:25 发布

F0_F0

最新推荐文章于 2023-12-02 17:52:25 发布

阅读量244

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/F0_F0/article/details/105403400

版权

vue脚手架配合element-ui使用form表单自定义校验规则

问题

文本框失去焦点会一直转圈圈。
在这里插入图片描述

代码

<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" class="demo-ruleForm right_from">
	<el-form-item prop="names">
        <el-input placeholder="请输入用户名" v-model="ruleForm.names" autocomplete="off"></el-input>
     </el-form-item>
</el-form-item>

data(){
	var validatename = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入用户名'));
        }
      };
      return {
		ruleForm: {
          names: ''
      },
      rules: {
          names: [
              {validator: validatename, trigger: 'blur'}
          ]
      }
	}
}