在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ elementUI,點(diǎn)擊分頁(yè)與Tab標(biāo)簽都要向后臺(tái)發(fā)送請(qǐng)求,如何渲染頁(yè)面。

elementUI,點(diǎn)擊分頁(yè)與Tab標(biāo)簽都要向后臺(tái)發(fā)送請(qǐng)求,如何渲染頁(yè)面。

圖片描述

項(xiàng)目使用Vue.js加elemetUI Pagination分頁(yè)加Tab標(biāo)簽要求
點(diǎn)擊不同的(全部評(píng)價(jià),好評(píng),中評(píng),差評(píng))分別從后臺(tái)取數(shù)據(jù)并顯示。
點(diǎn)擊底部分頁(yè)也需要從后臺(tái)取數(shù)并顯示到頁(yè)面, 請(qǐng)問大神如何實(shí)現(xiàn)?請(qǐng)問大神如何實(shí)現(xiàn)?
我的思路是當(dāng)點(diǎn)擊不同tab標(biāo)簽,向后臺(tái)發(fā)送請(qǐng)求。
給每個(gè)tab標(biāo)簽綁定一個(gè)changData點(diǎn)擊事件并且傳遞實(shí)參

<el-tab-pane label="好評(píng)" 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("網(wǎng)絡(luò)繁忙")

})

}
回答
編輯回答
情殺

這api設(shè)計(jì)的不太合理,全部評(píng)價(jià),好評(píng),中評(píng),差評(píng)可以用一個(gè)參數(shù)
而且也沒分頁(yè)的入?yún)?br>建議先改下接口,傳參格式可以是:
{

type:'all',// all,good,bad,middle
pageSize: 10,
pageIndex: 1

}
computed typeAndPageIndex => return type+pageIndex
watch typeAndPageIndex 變化的時(shí)候調(diào)用獲取數(shù)據(jù)接口的方法

2017年11月28日 21:07