element-ui如何实现动态表单验证

A组件

 <el-form ref="form" :model="form">
    <b :form="form"></b>
</el-form>
data () {
    return {
        form:{}
    }
}

B组件

<el-form-item 
    :label="params.label"
    :prop="params.prop"
    :rules="params.rules"
>
    <c></c>
</el-form-item>

props:{
    params:{},
    form:{}
},

c组件

<el-input>
</el-input>

我大概简化成这个样子的。在element-ui给我出的例子中,A组件的form:{}不是空的而是form:{domains: [{value: ''}],},B组件的:prop="'domains.' + index + '.value'"
如果我想A组件的from表单空着,并且像静态验证那样的结构form:{name:'',...},不需要在到form对象里面创建一个数组。B组件也像静态验证那样。该怎么做的

阅读 2.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题