iT邦幫忙

2021 iThome 鐵人賽

DAY 23
0
Modern Web

我的菜很有Vue味~系列 第 23

Day23 Vue 認識Porps(2)

  • 分享至 

  • xImage
  •  

我們在使用props時有時會需要特別對傳進來的資料做檢查所以通常我們就會用以下幾個資料類型來做驗證:

  • String
  • Number
  • Boolean
  • Array
  • Object
  • Date
  • Function
  • Symbol

我們在這使用type的屬性對props傳遞的資料做檢查,大致可以寫成這樣。

我們檢查的屬性可以不只一個喔!

props的預設值

為甚麼要設預設值呢,就是為了避免props回傳直時沒有資料,要是沒有資料畫面看起來不就空空的。現在我們只要加上default屬性就可以有預設值了。

自訂props驗證規則

前面我們知道我們可以透過type屬性來檢查props傳遞回來的資料但是現在我想對資料做更多的驗證時我們就可以用到validator來達到我們的目的。

現在要是我們props近來的資料不符合我們的規則時我們就可以在console裡看到錯誤!!!

今天就先到這了,明天見~


上一篇
Day22 Vue 認識Porps(1)
下一篇
Day24 Vue 認識Porps(3)
系列文
我的菜很有Vue味~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言