vue props擴充套件 引數驗證

2021-10-02 20:29:24 字數 1307 閱讀 4278

props引數驗證

不符合設定引數形式,會報警告但不會終止程式

type型別:

string、number、boolean、array、object、date、function、symbol

自定義型別:是乙個自定義的建構函式,內部通過 instanceof 來進行檢查確認

如:function person (firstname, lastname)

你可以使用:

vue.component('blog-post',

})1、驗證引數型別

將原本的props:[xx]替換成

props:

2、設定引數預設值(即不傳引數也能顯示)

props:

} 設定複雜型別引數預設值(如陣列等)

props:}}

3、設定必傳引數

props:

} 4、設定自定義驗證規則,返回布林值

props:}}

如:propf:

}

**示例:

子元件:

子元件 }

}}}}

}for=

'num in ***'

>

}<

/li>

<

/ul>

'send'

>傳給父元件<

/button>

<

/div>

<

/template>

export

default},

props:

, address:

, ***:}}

, methods:}}

<

/script>

'css'

>

父元件:

父元件<

b msg=

'aaaa' @info=

'receive' name=

'jeff'

:age=18/

>

}<

/div>

<

/template>

import

bfrom

'./b'

export

default},

methods:},

components:

}<

/script>

'css'

>

jquery easyui 擴充套件驗證

extend fn.validatebox.defaults.rules,d a za z0 9 i.test value message 身份證號碼格式不正確 minlength message 請輸入至少 2 個字元.length message 輸入內容長度必須介於和之間.phone d 0 ...

eayui 驗證擴充套件

extend fn.validatebox.defaults.rules,d a za z0 9 i.test value message 身份證號碼格式不正確 minlength message 請輸入至少 2 個字元.length message 輸入內容長度必須介於和之間.phone d 0 ...

jquery easyui 擴充套件驗證

extend fn.validatebox.defaults.rules,d a za z0 9 i.test value message 身份證號碼格式不正確 minlength message 請輸入至少 2 個字元.length message 輸入內容長度必須介於和之間.phone d 0 ...