vue加载多个初始数据再执行查询的优雅处理方式？

Question

页面打开后加载一个三级联动的下拉框，先查询第一个下拉框数据，查询结束结束后选中第一个选项，再查询第二个下拉框数据，再选中第一条，查第三个下拉框数据，同时加载一些数据字典数据用于vue filter的数据转换，全部加载完之后再查询表格数据，问下比较优雅的处理方式？

Answer 1

一般看数据量。数据量不大的话，直接返回所有 123 级菜单的选项和对应的数据，前端任意组合就好了。

Answer 2

我觉得你这个业务实现思路本身不是很好。

但非要这么做的话，不就是

const A = await getCol1()
const B = await getCol2(A[0])
const C = await getCol3(B[0])
const D = await getTable(C[x])

同时数据字典的加载完全可以是一个函数，利用响应式的方式，在 A, B, C 的值发生变化的时候自动执行。