iview 小問題筆記

總結一下用 iview 組件期間遇到的小問題。一邊作項目一邊作筆記。

官方文檔：iview API

按需引入：

1，iview 分頁組件

 <Page :total="aboutPage.dynamic * 10" :page-size="10" show-elevator @on-change="fanye" class="page"/>

這裏要注意的是total 指的是總條數而不是總頁數，page-size 是每頁的條數，由於後端傳輸數據通常不會一次把全部數據全傳過來，大多已經分好頁並把總頁數一塊兒傳過來，因此total那裏要用後端傳來的總頁數再乘上每頁的條數纔是總條數。

 

2,阻止modal組件按肯定也會關閉

做者給出的解決方法：https://github.com/iview/iview/issues/597#issuecomment-292422473

另外還能夠本身slot一個modal的footer，裏面自定義本身的按鈕