"component":null,"hidden":false,"meta":{"icon":null,"title":null},"pid":null},"form_item_list":[{"type":"text","prop":"name","label":"菜单名","placeholder":"请输入菜单名","rules":[{"required":true,
那就在里面再包一层 <el-form-itemv-for="(formItem, itemIndex) in formList":key="itemIndex":prop="formItem.prop":label-width="formItem.type === 'button' ? '0px': formItemWidth ||'auto'":label="formItem.label"><el-date-pickerv-if="formItem.type === 'dateTimePiker'"v-model=...
问题:v-if在操作dom时 在根节点上进行的删减 导致 rules 判断的时候 无法取到 v-if 添加进来的prop值 解决:在 el-form-item 中添加一个属性key,key的值是唯一的(一般key和prop写一样的内容即可,因为rules里面的东西不能重复定义,所以肯定是唯一的。) <el-form-item prop="accountName" key="accountName"...
-- 下拉框 --><el-selectv-if="item.type==='select'"v-model="formData[item.prop]"clearable:multiple="item.multiple"><el-optionv-for="op in item.options":key="op.value":label="op.label":value="op.value"></el-option></el-select><el-switchv-if="item.type==='switch'"v-model=...
那你就把冒号去掉,prop中的值一方面需要和rules中的key对应,另一方面需要和form数据中的key对应 有用 回复 oo1h9p40: 是对应的。因为form 绑定的数据结构比较复杂,prop绑定类似于'formData.forward.action-send' 这样的,有连字符的没事但是'formData.forward.action:send' 这样的就会报错而这种比较深的数据结构是...
VUE,el-form-item的prop属性,ElementUI,API文档,在elementUI的官方API中,可以找到关于prop属性的说明,用于绑定JavaScript中定义的rules校验规则。
element中el-form-item属性prop踩坑 最近负责前后端项⽬开发，有个需求是实现Djangorestframework(drf)+element实现动态渲染form表单，drf后端提供json，前端从json中获取form表单元素，并且绑定表单验证规则在el-form-item属性prop上遇到报错或者没绑定到数据，报错如下 [Vue warn]: Error in render: "TypeError: Cannot...
一次先把表单放到页面中,没有设置prop , 然后忘记了,然后测试提交的时候 , validate() , 没有反应 然后看了下代码 , fields.foreach() , 如果没有fields , 那么就不会进到函数里面 , 而fields是有prop才会添加到form中... 感觉不够友好...毕竟不算问题 建议将form-item中的prop的属性设置为required(这种...
:prop="`activities.${index}.name`" :prop="`activities[${index}].name`" 以上四种写法实现的效果一样,只是写法不同 --><el-form-item:label="`名称${index + 1}`":prop="`activities.${index}.name`":rules="rules.name"><el-inputv-model="item.name"placeholder="请输入活动名称"></el-inp...
该方法中rules直接绑定在el-form-item上而不是其他字段上(如el-input),且不需要在data中定义rules。 举例如下: <template> ... <el-form ref="dataForm" :rules="rules" :model="formData"> <el-form-item label='名称' prop="name" :rules