前端 - el-select使用了multiple查看详情不能正常回显数据以及点击报错？
<el-col :span="24"> <el-form-item label="公司部门" prop="extra"> <el-select v-model="ruleForm.extra" :multiple="true" filterable style="width: 100%" default-first-option placeholder="请选择公司部门" @change="handleselectchange" > <el-option v-for="dict in CorporateWelfare" :key="dict.dictValue" :label="dict.dictName" :value="dict.dictValue" ></el-option> </el-select> </el-form-item> </el-col>data的定义 ruleForm: { extra: [], }datall的接口返回详情数据 async fetchData() { const route = this.$route if (route.query.id) { const { data } = await getRecruitDetail(route.query.id) this.ruleForm = data this.ruleForm.cityCode = '' this.ruleForm.area = "" } },现在的问题在上面的结构里没有回显数据出来，返回的数据都能实出来了，唯独这个ruleForm.extra没有生效，接口getRecruitDetail回来的数据是string字符串extra: "技术部、推广部、市场部"这样的字段回来，现在详情页选择input框会报value.push is not a function 大佬们如何解决这个问题呢 想要的效果是 查看详情页正常回显 getRecruitDetail的字段以及点击选择下拉框的值
el-select使用了multiple查看详情不能正常回显数据以及点击报错？
共有1个答案
你在【datall的接口返回详情数据】这块，已经将ruleForm给重新赋值了，此时的ruleForm.extra和el-select上绑定的ruleForm.extra不是同一个值
-
我有这样一个数组，里面每一项都是对象{id:xxx,attributes{xxx}}，如果dataIndex是最外层的id，点编辑后可以正常显示，如果是attributs里面的某一项，就会变成[object Object]，在proComponents官方demo里面也是这样的，除了自己写一个以外，有没有什么办法让它正常回显呢？
-
数据是通过懒加载获取的，default-expanded-keys属性值需要从顶层根节点到当前选中节点的key路径，现在回显的时候只能得到当前选中节点的key，这样该如何回显呢？ 想要的效果是：编辑回显时，展开树形控件选中的节点是默认选中的状态
-
vue3 render函数方式创建el-select，不能回显是什么问题呢？
-
父组件传过来的值 const props = defineProps<{ dialogEdit: boolean; edittData: object; ID: Array<string>; }>(); let check_id = ref<string[]>([]);
-
其实是想要实现这样的样式： el-select 多选，选中的内容以逗号分割，最小宽度80px;最大宽度300px;超出最大宽度显示省略号 就是大概是下面这样，一行显示已经处理了，但是最小80px，然后input框的宽度根据选中的项的字符串内容变大，最大300px,超过显示省略号还没想好如何处理，有无大佬给个思路。 看了网上有说可以用 el-select 的prefix，结合计算属性去实现，但是pr