el-form校验 输入了内容识别不出来 多层嵌套数据格式

最开始代码如下: 





         

               

                  

                

              

 数据格式是嵌套:

submitForm: {
        list: [{
          name: ''
        }],
        info: {
          township: ''
        }
submitRules:{township: [
            { required: true, message: '请选择', trigger: ['change', 'blur'] }
          ]}

结果会发现选择后依然提示 “请选择”  没识别到我已经选择

原因是因为 

el-select 中 v-model需要和el-form中model前缀一致

所以我在下拉框外面在嵌套一层el-form

                 :model="submitForm.info"

                 :rules="submitRules.info">

规则校验也变成

submitRules: {

        info: {

          township: [ 
            { required: true, message: '请选择', trigger: ['change', 'blur'] }
          ]}

你可能感兴趣的:(el-form校验 输入了内容识别不出来 多层嵌套数据格式)