有關於vuetify的v-pagination探究
主要是里面的:length屬性
純寫數字可以，但是不能進行任何數學操作
倒不會影響ui，但是會報錯，invalid prop
這里我的分頁是這么寫的
<v-pagination v-model="currentPage" :length="houses.length/3+1" @input="pageChange">
</v-pagination>
相當於houses是一個數組，取houses數組長度為三分之一然后加一，得到多少個頁標
然后爆出這樣的warning，雖然不影響使用，但是每點一次就出現，好煩人
不得已先給了個常量
這里直接給houses.length是可以的，也就是變量是允許的，常量也是允許的，但是數學操作就是禁止的
當然之后的解決措施就是從后端直接傳回列表的size()/3+1當成分頁數據
也就是傳回一個Map<String,Object>
之后前端接受的json格式就如下：
{
“pagination”:3,
“houses”:[
{
….
}
]
}
這也同樣讓我加深理解了前后端分離的思想，前端不會做很多的數值操作，邏輯判斷也僅僅是ui層面的針對用戶操作的反饋，后端才是處理數據的根源
且提交的數據還是用Map<String,Object>比較好，之后會把接口都改一下，有些接口之前圖省事直接就返回list了，感覺還是統一一下
這樣axios得到的是有明確意義的對象，如res.data.houses，res.data.pagination這樣的