元件prop檢驗

2022-01-28 16:05:17 字數 854 閱讀 9578

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

父元件通過props屬性向子元件傳值

子元件通過自定義事件向父元件傳值

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

筆者列出以下幾種方法:

1:直接檢測

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

2: 陣列的方式

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

3:物件的方法

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

4:運用 validator 方法

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

Vue元件prop屬性

vue.component blog post post title hello 所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結 父級 prop 的更新會向下流動到子元件中,但是反過來則不行。每次父級元件發生更新時,子元件中所有的 prop 都將會重新整理為最新的值。這意味著你...

vue元件中prop屬性

所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結 父級 prop 的更新會向下流動到子元件中,但是反過來則不行。每次父級元件發生更新時,子元件中所有的 prop 都將會重新整理為最新的值。這意味著你不應該在乙個子元件內部改變 prop。在元件中修改 prop 傳遞過來的資料 vu...

vue元件之Prop屬性

一般頁面元素是有屬性的,如a標籤有href等屬性,同樣vue中元件也是有屬性的。在vue元件中想要使用屬性,首先需要在元件內部定義一些屬性,這些屬性在vue中被為prop,在元件中通過props選項中定義。props的型別 在vue元件中,props選項的型別可以是乙個字串陣列,也可以是乙個物件。如...