当前位置: 首页 > 知识库问答 >
问题:

前端 - el-from怎么设置深层属性prop?

吕胤
2024-01-16

el-from怎么设置深层属性prop?

父组件

data:const formValue ={ detail: {file: [] }}传参prop设置值 :{props: 'detail.file'}

子组件

 <el-form ref="form" :model="formValue" label-width="80px" size="mini"> <el-form-item label="活动名称" :prop='formValue[props]'>    <el-input v-model="sizeForm.name"></el-input>  </el-form-item></el-form>props是父组件传过来的值props

el-from怎么设置深层属性prop?

共有1个答案

曾晨
2024-01-16

Form-Item-Attributes-prop

看文档!prop 属性接收的参数类型是 string,所以你需要传入的是拼接好的字符串,而不是对象属性值。

- <el-form-item label="活动名称" :prop='formValue[props]'>+ <el-form-item label="活动名称" :prop='`formValue.${props}`'>

如果你设置的是 :prop="formValue[props] 那么实际绑定的并不会是你的期望的 formValue.detail.file 而是 formValue 对象的 detail.file 值,也就是一个数组结果,或者 undefined

 类似资料: