ElementUI的select选择器的默认多选

data(){
    elFormFinance:{
        name:[]
    }
}

<el-select v-model="elFormFinance.name" multiple placeholder="列表" :filterable="true">
            <el-option
              v-for="item in departTechers"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            />
          </el-select>

1、接口中返回的id 是数字类型，为了和 select 选择器对上，需要转换数据类型为 字符串

2、如果 value 和 lable 不是同一个值，直接 赋值 会显示成 vule 而不是 lable

官方文档中有一句提示：

于是解决方案如下：

for (let i=0; i<this.departTechers.length; i++){
            if (finance.indexOf(this.departTechers[i].id+"") >= 0){
              elFormFinance.name.push(this.departTechers[i].id)
            }
}

如愿显示出 lable 作为 显示，id 作为 value 的方式