怎么让vue多个下拉框联动查询,默认勾选都有值的那个选项(elementui的组件)

问题遇到的现象和发生背景

这三个下拉框是联动查询的,拿第一个下拉框的id查第二个下拉框,以此类推
如果第一个下拉框的第一个值查询的第二个下拉框没有值,就用第一个下拉框的第二个值去查,以此类推,直到这三个下拉框都有值,
例如:

如果第一个下拉框的第一个值查第二个下拉框没有值,这种情况就不符合,
例如:

第一个下拉框的第二个值查第二个下拉框有值,就可以,然后拿第二个下拉框的第一个值去查第三个下拉框,直到这三个下拉框都有值,
请问如何解决,
都是默认勾选,没有点击事件.
我开始是都默认拿第一个值去查,结果发现如果第一个值查不到呢,总不可能再改一下那第二个,
写死感觉不行,有没有那种自动判断的.没有值就自己拿下一个值去查

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

你可以看下这篇文章，省市县三级联动
https://blog.csdn.net/dandelion_zjw/article/details/119029906

那你得监听 这三个 select的值 根据值 赋值 不同的值 。

用饿了吗ui里面不是游联动的吗，有代码给你看，可以直接copy

用第一个值去请求，用返回值做判断，返回值存在，就赋值给第二个，不存在就继续用第一个下拉框的二个值去请求，以此类推