vue中,两个tabs用的一个组件,渲染数据时接口如何处理?

element-ui中的tabs使用,调用接口时列表用name判断掉哪个接口了,但是两个接口的数据格式不一样该如何取数据?

img

你现在这么if判断在我看来就可以啊,分别处理返回的res数据
如果是看if语句难看可以这么优化


if (this.activeName === "first") return this.firstMethod(res) // 交给新建一个firstMethod方法处理
if (this.activeName === "second") return this.secondMethod(res) // 交给新建一个secondMethod方法处理

尽量不要在 then 方法里面 用name 去判断然后直接写逻辑,假如需要根据后台状态来增加提示消息或者根据返回lenght 来展示不同界面or报错,那么你这里面会存在大量嵌套 if else,巨难看(不是不行,没必要),如果接口入参不相同,直接在最外层根据name判断走不同方法,如果相同,根据判断,返回一个函数,摘出去写各自逻辑 尽量保持一个方法的易读性,保持良好代码习惯,变得越来越好