el-select问题？

Question

有三个el-select，选择的数据都是依赖上一个select选中后的id，再去接口查询，如果是编辑做数据回显，三个el-select数据回显如何做呢？现在接口比较慢就回显不出来

Answer 1

使用 Promise.all 去保证所有的接口都返回过来之后在赋值。
当然也可以使用 loading 效果去掩盖 options 还没有回来时显示id的问题。

其实如果可以直接用级联选择器会更好一些？

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

经典场景了
1、页面loading，选项没加载完不显示
2、select在选项加载完成之前设置个disabled，或者干脆v-if噶掉
3、后端冗余选中的的数据名称，自己构造个临时options，完整选项获取后再修改options

目前实践下来是冗余名称最好，这种还能避免已选数据被删除时仅展示id的情况

Answer 3

async fn() {
    const res1 = await getSelectVal_1()
    this.inputVal_1 = res1.value
    const res2 = await getSelectVal_2(res1)
    this.inputVal_2 = res2.value
    const res3 = await getSelectVal_3(res2)
    this.inputVal_3 = res3.value
}

思路参考