el-select选择器多选获取数据后下拉选项被勾选但框里没值＜vue+elementUI项目学习笔记＞

el-select选择器多选获取数据后下拉选项被勾选但框里没值问题

项目有增删改和查看表单的功能。
在做查看和编辑表单功能的时候，要先获取这一行的数据，在表单里进行填充。
但是el-select多选选择器获取数据后，下拉选项中的值被勾选，而框框里却没有内容。

我去看了一下我获取数据时候的代码：

this.form.task_units = val.TASK_UNITS // 参与单位

TASK_UNITS是我在数据库存已选参与单位的属性名。
查询了一下TASK_UNITS是一个字符串，储存的是已选选项值，每个选项值之间由“,”英文逗号隔开。
而el-select下拉框存储的是一个数组，我们把这一个字符串由“,”作为分割点分割再重新组成数组，即用下面的代码：

this.form.task_units = val.TASK_UNITS.split(',') // 重造已选参与单位数组

这样框框里就也有值啦。