博客

增加属性

在需要增加验证input标签所在的表单增加

:rules="rules"


<el-form ref="form" :model="form" :rules="rules" label-width="100px" :disabled="readonly">
	<el-form-item
        prop="rewardKey"
        label="奖励 Key"
      >
      <el-input v-model="form.rewardKey" />
    </el-form-item>
</el-form>

定义规则

与

return

平级，详情见实例

data() {
    const checkRewardKey = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('请输入奖励 Key'))
      }
      if (/[\u4E00-\u9FA5]/g.test(value)) {
        callback(new Error('不能输入汉字'))
      }
    }
    return {
    	// return info
	}
}

使用规则

在data中定义rules，使用我们定义的规则

return {
	rules: {
        rewardKey: [
          { validator: checkRewardKey, trigger: 'blur' }
        ]
    }
}

效果