前端 - 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里面也是这样的，除了自己写一个以外，有没有什么办法让它正常回显呢？
-
vue3 render函数方式创建el-select，不能回显是什么问题呢？
-
数据是通过懒加载获取的，default-expanded-keys属性值需要从顶层根节点到当前选中节点的key路径，现在回显的时候只能得到当前选中节点的key，这样该如何回显呢？ 想要的效果是：编辑回显时，展开树形控件选中的节点是默认选中的状态
-
其实是想要实现这样的样式： el-select 多选，选中的内容以逗号分割，最小宽度80px;最大宽度300px;超出最大宽度显示省略号 就是大概是下面这样，一行显示已经处理了，但是最小80px，然后input框的宽度根据选中的项的字符串内容变大，最大300px,超过显示省略号还没想好如何处理，有无大佬给个思路。 看了网上有说可以用 el-select 的prefix，结合计算属性去实现，但是pr
-
父组件展示的数据如下图 弹框内容 仔细看是 弹框数据跟页面数据 目前的代码是： 期望是点击触发按钮弹框是展示第二个截图，父组件是第一个截图
-
You can use this plug-in for using input text as multiple select facility. When you focus input text, appear a dialog box like combo box. After choose you want, it will update input area your options
-
Select Multiple 是一个交互友好的，嵌入式的，标准选择框替代品，并且它带有可以激活的多种属性。它有以下特点： 以一个不显眼的方式工作 完全开源 支持键盘 提供了一些回调 可通过 CSS 完全定制化 简洁的代码
-
有什么想法如何将其转化为单点击解决方案吗？建议，甚至是一个单独的评论，都会帮我很大的忙。