三级联动的组件如何设计?

三级联动的组件如何设计?

比如大省、大市、大区,每个都是上千条,没办法一下子把所有的数据拿下来。只能一层一层的调接口。

先请求大省的,然后选中第一个;再请求大市的,然后选中第一个,最后请求大区的,也选中第一个。

后面大省的change后再去更新大市,并且选中第一个,大区也一样更新。

这是新建数据的时候。还有编辑的时候,需要把上次保存的值一个个填进去,由于填进去的是id,想回显名称,还得依次请求各个数据。

还要考虑各个接口的请求时间。如果组件加载后就请求默认接口,大省刚请求完,详情的接口可能也已经请求完了,回填了省市区的数据,而这个时候,组件自己还在请求大市的数据,就会出错。

这种需求有没有什么章法使得逻辑清晰一些?


回答:

不能加载完数据再去根据id显示名称
如果是单选,加一个用于显示默认名称的字段,根据id没找到对应的值就显示这个默认名称
如果是多选的话,那需要把组件的值从id改成一个数组,后面逻辑同上
这两种都要后端把名称关联查出来给你

以上是 三级联动的组件如何设计? 的全部内容, 来源链接: utcz.com/p/936647.html

回到顶部