ant-design-vue是螞蟻金服 Ant Design 官方唯一推薦的Vue版UI組件庫，它其實(shí)是Ant Design的Vue實(shí)現(xiàn)，組件的風(fēng)格與Ant Design保持同步，組件的html結(jié)構(gòu)和css樣式也保持一致。 用下來發(fā)現(xiàn)它的確稱得上為數(shù)不多的完整的VUE組件庫與開發(fā)方案集成項(xiàng)目。

創(chuàng)新互聯(lián)科技有限公司專業(yè)互聯(lián)網(wǎng)基礎(chǔ)服務(wù)商，為您提供服務(wù)器托管，高防服務(wù)器，成都IDC機(jī)房托管，成都主機(jī)托管等互聯(lián)網(wǎng)服務(wù)。

本文主要目的是總結(jié)一些開發(fā)過程中比較耗時(shí)間去查找，文檔中沒有具體說明的常見問題，同時(shí)希望能給新上手此框架的同學(xué)提供一些參考作用。 

1.Table對(duì)接后臺(tái)返回?cái)?shù)據(jù)

針對(duì)Table數(shù)據(jù)格式與后他接口返回?cái)?shù)據(jù)格式不一致問題，修改 `@/components/table/index.js` 132行起

主要修改pageNo,pageSize,totalCount,data這字段與后臺(tái)返回字段一致就OK了

result.then(r => {
 this.localPagination = Object.assign({}, this.localPagination, {
  current: r.pageNo, // 這里修改當(dāng)前分頁字段
  total: r.totalCount, // 這里修改總記錄數(shù)字段
  showSizeChanger: this.showSizeChanger,
  pageSize: (pagination && pagination.pageSize) ||
   this.localPagination.pageSize // 這里修改總記錄數(shù)當(dāng)前頁數(shù)字段
 })
  //r.data中的data修改為返回列表字段
 if (r.data.length == 0 && this.localPagination.current != 1) {
  this.localPagination.current--
  this.loadData()
  return
 }
 !r.totalCount && ['auto', false].includes(this.showPagination) && (this.localPagination = false)
 this.localDataSource = r.data // 返回結(jié)果中的數(shù)組數(shù)據(jù)
 this.localLoading = false
});

分享標(biāo)題：ant-design-vue快速避坑指南(推薦)-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://weahome.cn/article/dpgdcs.html