多层级表单绑定rules

问题描述

表单数据里面还套了一层数据，对三级数据进行校验。

实现关键点

1、在data中声明需要校验的变量(注意声明到最后一级

data（）{

       return{

               detailForm：{liInfo：{amt:""}}

        }

}

 2、form表单绑定规则

<el-form :model="detailForm" :rules="rules"></el-form>

3、 在data中写rules,注意写两级

rules：{

        "liInfo.amt":[...]

}

4、prop绑定,注意写两级，和rules保持一致。表单绑定对应数据

 <el-form-item prop="liInfo.amt">

        <el-input v-model="detailForm.liInfo.amt"></el-input>

</el-form-item>