elementUI,点击分页与Tab标签都要向后台发送请求，如何渲染页面。

Question

项目使用Vue.js加elemetUI Pagination分页加Tab标签要求

点击不同的(全部评价，好评，中评，差评)分别从后台取数据并显示。

点击底部分页也需要从后台取数并显示到页面， 请问大神如何实现？请问大神如何实现？

我的思路是当点击不同tab标签，向后台发送请求。

给每个tab标签绑定一个changData点击事件并且传递实参

<el-tab-pane label="好评" name="second" @tab-click="handleClick" @click='changData(good)' ></el-tab-pane>

changeData:function(){

    var baseUrl = 'http:*******//api/v1/optometrist-free/clients/comment';

      let data = {

                'good': this.good,

                'bad': this.bad,

                'middle':this.middle,            

            }

          this.refs.content.innerHTML = "";

        axios.get(baseUrl,{params:data}).then((res)=>{

            return Promise.resolve(res.data)

                }).catch((err)=>{

                    console.log("网络繁忙")

})

}

Answer 1

这api设计的不太合理，全部评价，好评，中评，差评可以用一个参数而且也没分页的入参建议先改下接口，传参格式可以是：{type:'all',// all,good,bad,middlepageSize: 10,pageIndex: 1}computed typeAndPageIndex => return type+pageIndexwatch typeAndPageIndex 变化的时候调用获取数据接口的方法