使用element-ui的進度條報錯:custom validator check failed for prop “percentage”.
自己使用vue+ts+element-ui編寫的一個音樂播放器小元件

出現以下這樣的錯誤:
這個問題是由于dom已經渲染完成了,而資料還沒回來,是以元件檢測不到這個必傳的參數,那就給元件上加一個v-if;
這麼一來,控制台是不報錯了,但是當計算出的百分值=0的時候,這個0就轉化成了false,這個進度條自然就沒了,是以:
用isNaN監測,計算出來是不是為數字,這樣就好了,因為圖展示友善,将表達式寫在了行間,最好是寫在計算屬性裡。
el-progress(v-if="!isNaN(status)" :percentage="status" :format="format")