Vue进阶（幺捌幺）：elementUI 中 select 多选，数据回显错误的问题解决方法_element select多选第一次回显不上,点击别的输入框回显正常(1)

最后

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

96道前端面试题：

• 

常用算法面试题：

• 

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

• 

文章目录

• • 一、前言
    • 二、拓展阅读

---

一、前言

在项目开发过程中遇到这样一个问题，新建表单时用element的select多选以后，在编辑的时候打开表单发现其他组件数据能正常显示，多选却无法正常回显。

表单代码如需：

<el-select
        v-model="textForm.receDeptIds"
        multiple
        filterable
        allow-create
        default-first-option
        @change="changeSelect"
        placeholder="请选择接收部门">
    <el-option
            v-for="item in deptData"
            :key="item.id"
            :label="item.name"
            :value="item.id">
    </el-option>
</el-select>

js逻辑代码如下：

// 编辑
handleEdit(data){
	this.textShow=true;
	this.textForm=data;
	this.changeSelect(data);   //触发此方法
},



### 最后

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

**96道前端面试题：**

- ![](https://img-blog.csdnimg.cn/img_convert/9d0314f71e0c7f35fff584f80e8e697d.webp?x-oss-process=image/format,png)

**常用算法面试题：**

- ![](https://img-blog.csdnimg.cn/img_convert/bb6f67bc112b4fb33f47f50c1a9e25b5.webp?x-oss-process=image/format,png)

**前端基础面试题：**
内容主要包括**HTML，CSS，JavaScript，浏览器，性能优化**

- ![](https://img-blog.csdnimg.cn/img_convert/77e6c09c4d40e15a9d8b4b1b2e9bcdf4.webp?x-oss-process=image/format,png)

基础面试题：**
内容主要包括**HTML，CSS，JavaScript，浏览器，性能优化**

- [外链图片转存中...(img-3JgUB7BF-1715842577834)]