对于vue中rules的验证问题

写法格式:使用 form.xx 这种格式的rules没问题,但是使用 form.xx.xx 就无效了,有什么解决方法吗,各位。

img

img

img

img

img

rules: {
        main: {
          xm: [{
            required: true,
            message: '',
            trigger: 'blur'
          }],
        }
}

不要套那么多层,官网也只是form.xxx,这个字段跟prop绑定的一样,你这样写,form.xm永远为undefined,肯定报错的

你el-input里v-model绑定的和prop一样就好了,你这么多层肯定不行呀

model="form.main"