element-ui 动态递增减表单可以自定义行内校验吗?

各位大神,element-ui 动态递增减表单能够自定义校验吗?有参考的吗
clipboard.png

clipboard.png
行内校验能否自定义校验?而不是再提交再校验。比如rules: "{
validator: validateA, trigger: 'change,blur'
}"
然后在一个地方定义validateA,const validateA = function(){

console.log('此块省略一万字');

}。我尝试过在data里面写了validateA,但是报validateA is not defined;

阅读 7.7k
4 个回答

没人回答吗,邀请了很多大神,都没理我

谢邀

如果在提交前校验 el-form标签内容的变化而触发某个事件不就可以了吗
至于文本发生变化 找对应API事件 如果没有 那就watch 监听 对他进行操作

methods(){
//做一些你想要的判断
}

<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
    <el-form-item prop="cause">
        <el-input type="textarea" v-model="ruleForm.cause"></el-input>
    </el-form-item>
</el-form>

export default {
     data () {
        return {
            ruleForm: {
                cause: ''
            }
        }
    },
    computed: {
        rules () {
            return {
                cause: [
                    {required: true, message: '必填哦', trigger: 'blur'}
                ]
            }
        }
    }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题