最近负责前后端项目开发,有个需求是实现Djangorestframework(drf)+element实现动态渲染form表单,drf后端提供json,前端从json中获取form表单元素,并且绑定表单验证规则 在el-form-item属性prop上遇到报错或者没绑定到数据,报错如下 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading ...
在使用element plus的表单组件el-form、el-form-item时,如果出现报错信息的长度过长时,文字拐弯后,第二行的文字会被下方的元素遮住。 处理办法 讨论后确定最终希望呈现的效果是,报错信息的长度过长时,文字应该把高度撑开(把下方的元素推开),来显示全部的报错文字。 解决办法 .el-form-item ::v-deep(.el-form-...
el-form-item 里面的循环prop名字,需要 和form中list的名字一致,这样才能确保组件的统一性。
我遇到的情况原因是对el-form绑定的:model中的改变不能触发el-form-item的fieldValue更新,因此在form验证的时候会找不到已经更改后的:model内容而报错,我的处理办法是把修改后的:model用$set赋值给自己触发更新,解决了我的问题,希望对大家也有用; 我这边是由于用户把key写为 a.b 的形式【也就是key中存在句点...
el-form-item中prop属性绑定报错 报错:“Error: please transfer a valid prop path to form item!“ 控制台报错 原因:因为这里动态创建的el-form-item,所以循环出来的标识prop是我们用模板字符串拼接的动态prop,需要用v-bind绑定。 源代码 修改后 关于“el-form-item prop属性动态绑定不生效如何解决”的内容就...
'formData.forward.action:send' 这样的就会报错而这种比较深的数据结构是后端定义的,我不用冒号的话后面对接口会改的比较麻烦,如果使用冒号的情况下该怎么办呢? 回复2022-01-06 hfhan: @oo1h9p40 formData.forward.action:send改成formData.forward['action:send']调用试试 回复2022-01-06 ...
<el-form-item label="所属部门" prop="deptId"> <el-cascader style="width:100%" v-model="userFormData.deptId" :options="deptList" placeholder="请选择部门" :props="{checkStrictly:true, value:'_id',label:'deptName'}" clearable /> </el-form-item> 填了还是报错 没填 rules是视频里的...
<template><el-formref="tableForm"size="mini":model="form":rules="rules"label-width="120px"><el-row:gutter="18"><el-col:span="8"><el-form-itemlabel="学生姓名:"prop="studentName"><el-inputdisabled v-model="form.studentName"></el-input></el-form-item></el-col><el-col:span=...
报错Error: please transfer a valid prop path to form item! element-bot changed the title [Bug Report] 对象键值包含 . 时 el-form-item 配置 prop 报错:Error: please transfer a valid prop path to form item! When the [bug report] object key value contains. The El form item configuration pr...