組件prop檢驗

Vue.js中的父子組件相信都已經是大家很常用到的功能了,

父組件通過props屬性向子組件傳值
子組件通過自定義事件向父組件傳值

 

那麼我們怎麼去校驗props屬性中的類型呢

筆者列出以下幾種方法:

1:直接檢測

如果將 string 換成Number 那麼在控制檯是會報錯的

 

2: 數組的方式

同樣如果不是相應的類型便會在控制檯報錯

 

3:對象的方法

首先如果required爲false,那麼content不傳遞也沒關係,如果爲true,則就會和type中的類型進行匹配,若不是type中的類型便會在控制檯報錯

 

4:運用 validator 方法

validator 方法感覺是一個很強大的方法了,我們不僅僅是可以對content進行類型檢測了,可以進行更加複雜的操作

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章