Upload 上傳
通過點擊或者拖拽上傳文件铺厨。
點擊上傳
通過 slot 你可以傳入自定義的上傳按鈕類型和文字提示「樽荆可通過設(shè)置limit和on-exceed來限制上傳文件的個數(shù)和定義超出限制時的行為蔚万〈呤剑可通過設(shè)置before-remove來阻止文件移除操作。
用戶頭像上傳
使用 before-upload 限制用戶上傳的圖片格式和大小呜舒。
照片墻
使用 list-type 屬性來設(shè)置文件列表的樣式锭汛。
文件縮略圖
使用 scoped-slot 去設(shè)置縮略圖模版。
圖片列表縮略圖
上傳文件列表控制
通過 on-change 鉤子函數(shù)來對列表進行控制袭蝗。
拖拽上傳
手動上傳
Attribute
Slot
Methods
Rate 評分
評分組件唤殴。
基礎(chǔ)用法
評分默認被分為三個等級,可以利用顏色數(shù)組對分數(shù)及情感傾向進行分級(默認情況下不區(qū)分顏色)到腥。三個等級所對應(yīng)的顏色用colors屬性設(shè)置朵逝,而它們對應(yīng)的兩個閾值則通過 low-threshold 和 high-threshold 設(shè)定。你也可以通過傳入顏色對象來自定義分段乡范,鍵名為分段的界限值配名,鍵值為對應(yīng)的顏色。
輔助文字
用輔助文字直接地表達對應(yīng)分數(shù)晋辆。
為組件設(shè)置 show-text 屬性會在右側(cè)顯示輔助文字渠脉。通過設(shè)置 texts 可以為每一個分值指定對應(yīng)的輔助文字。texts 為一個數(shù)組瓶佳,長度應(yīng)等于最大值 max芋膘。
其它 icon
當有多層評價時,可以用不同類型的 icon 區(qū)分評分層級。
設(shè)置icon-classes屬性可以自定義不同分段的圖標。若傳入數(shù)組,共有 3 個元素,為 3 個分段所對應(yīng)的類名;若傳入對象刽沾,可自定義分段,鍵名為分段的界限值爬泥,鍵值為對應(yīng)的類名漱抓。本例還使用void-icon-class指定了未選中時的圖標類名。
只讀
只讀的評分用來展示分數(shù)精钮,允許出現(xiàn)半星威鹿。
為組件設(shè)置 disabled 屬性表示組件為只讀,支持小數(shù)分值轨香。此時若設(shè)置 show-score忽你,則會在右側(cè)顯示目前的分值”廴荩可以提供 score-template 作為顯示模板科雳,模板為一個包含了 {value} 的字符串,{value} 會被解析為分值脓杉。
Attributes
Events