TDesign表单rules通过函数 实现复杂逻辑验证输入内容

Element ui 中 我们可以通过validator 绑定函数来验证一些不在表单model中的值 又或者处理一下比较复杂的判断逻辑
TDesign表单rules通过函数 实现复杂逻辑验证输入内容_第1张图片
TDesign也有validator 但比较直观的说 没有Element那么好用
TDesign表单rules通过函数 实现复杂逻辑验证输入内容_第2张图片
这里 我们给validator绑定了我们自己的checkAge函数
这个函数中 只有一个参数 value 而且 如果你的v-model绑定的值不在表单data绑定的对象中 这个value拿到的会是undefined

好在 我们在函数中可以直接通过 this拿到响应式数据
就比如这里 我们判断this.imageValue 是不是等于空字符串
然后这里 你直接在函数中 返回 true 表示验证通过 返回false 表示验证失败
验证失败 他会输出你message中绑定的内容
就没有Element ui中的这个callback处理提示了
如果你想判断多个逻辑 就只能写多个了
TDesign表单rules通过函数 实现复杂逻辑验证输入内容_第3张图片
老实说 很直观的没有Element ui好用

你可能感兴趣的:(tdesign)