</el-select> AI代码助手复制代码 这样就可以解决。 el-select编辑数据不回显问题 编辑数据的时候需要回显下拉数据,我们只需要获得其值,vue会自动帮我们循环查询然后回显。先看看问题。 原下拉数据(orderTypeId 为我们需要的值 是字符串类型) 编辑 后台给我们返回的数据(serveId为数字类型) 后台修改完类型后 到此,...
现在的问题在上面的结构里没有回显数据出来,返回的数据都能实出来了,唯独这个ruleForm.extra没有生效,接口getRecruitDetail回来的数据是string字符串extra: "技术部、推广部、市场部"这样的字段回来,现在详情页选择input框会报value.push is not a function 大佬们如何解决这个问题呢 想要的效果是 查看详情页正常回显...
<!--前端页面--> <el-dialog title="el-radio单选框或el-select选择框 不回显问题" :visible.sync="dataFormShow" width="800px"> <el-form :model="modifyData" ref="dataForm" :rules="rules" label-width="auto"> <el-form-item label="测试" prop="isManyFile"> <el-radio-group v-model="...
在反复确认后和多次尝试后发现其中有猫腻,发现服务端接口返回给我el-select配置和当前el-select的表单值类型是对不上的,应该是el-select在做回显value判断的时候用是===,值和类型都必须一致才行。如下图: 解决方案 查看服务端提交接口,发现它要求platform必须是字符串,那就是说它返回配置项数据类型是错的,这时有...
el-select value是数字不回显 // 下面value没有冒号,说明是字符串,只要给前面加上冒号就行了<Selectv-model="roleName"><Optionvalue=1>哈哈</Option><Optionvalue=0>呵呵</Option></Select>// 这里通过 :value 绑定了为数字<Selectv-model="roleName"><Optionv-for='item in items':value='item.value...
可以这样操作:使用String(res.data.condition)来转换后端返回的值为字符串类型,这与v-model绑定的region值类型相匹配,从而实现预期的回显效果。通过这样的处理,我们能够确保el-select组件正确地回显选项,解决数据回显的问题。这要求我们在处理后端数据与前端需求的匹配时,务必注意数据类型的统一与转换。
废话不多说 直接上图。使用el-select出现回显的问题, 经过查阅发现是因为value值的类型为字符串导致的。只要把value的类型转换成数字就可以正常显示了
编辑界面,根据后台查到的数据把ids回显到选择框内,我现在回显的是后台返回的id,不能显示我想要的对应文本继续选择的话却是文本,怎么样通过id显示对应name? 试了很多办法,后台传来的是字符串格式的,我转换成了数组格式,包括数组里的每一项都由字符串格式转换成了数字型,因为选择框里的id就是数字型的,结果还是显示...
在Vue项目中使用Element Plus的el-select组件时,实现远程搜索和搜索结果回显功能是一个常见的需求。下面我将分点详细解释如何实现这两个功能,并提供相应的代码片段。 一、实现el-select组件的远程搜索功能 要实现远程搜索功能,你需要设置el-select组件的remote、filterable、reserve-keyword属性,并绑定remote-method方法。