Vuetify各組件使用集錦


v-data-table

header:用來定義各列及與之對應的key,這里vuetify與element/iview/ant desisgn區別在於,vuetify的table列可以用一個對象的key去對應好幾個后台同學傳過來屬性,比如我這里創建時間這一列,用

bindingTime去當作一個key值,但在上面<v-data-table><v-data-table>中的template模板中可以通過item去取多個字段返回值;
 
items: 對應取到的表格數據的key
 
v-select
 
 
 
items:對應下拉的options,文字和值的key必須是 textvalue
 
v-text-field
文本輸入框:有一點就是vuetify的輸入框高度特別高,可以通過 dense 來降低高度


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM