vue元件引數校驗

2021-09-27 18:25:54 字數 851 閱讀 4477

在vue中,當父元件向子元件傳遞值時.子元件可以對傳遞過來的值進行引數校驗.

首先我們定義乙個子元件child,接受父元件傳遞過來的值content.

:content

="1"

>

child

>

vue.component('child',}div

>

", })

注意但我們在content前面加上:,它會認為這是js表示式,所以認為"1"是number型別而不是string型別.

:content

="1"

>

child

>

vue.component('child',,

template: ">

}div

>

", })

如果不滿足則會報[vue warn]: invalid prop: type check failed for prop 「content」. expected string, got number.

vue.

component

('child',}

, template:"}"

,})

vue.

component

('child',}

},template:"}"

,})

Vue 元件引數校驗與非props特性

元件的引數校驗指的是什麼呢?你父元件向子元件傳遞的內容,子元件有權對這個內容進行一些約束,這個約束我們可以把它叫做引數的校驗。vue.component child let vm new vue 現在有這樣乙個需求,父元件呼叫子元件的時候,傳遞的這個content,我要做一些約束,要求它我傳遞過來的...

Vue 元件引數校驗與非props特性

元件的引數校驗指的是什麼呢?你父元件向子元件傳遞的內容,子元件有權對這個內容進行一些約束,這個約束我們可以把它叫做引數的校驗。vue.component child let vm new vue 現在有這樣乙個需求,父元件呼叫子元件的時候,傳遞的這個content,我要做一些約束,要求它我傳遞過來的...

Vue 元件引數校驗與非props特性

元件的引數校驗指的是什麼呢?你父元件向子元件傳遞的內容,子元件有權對這個內容進行一些約束,這個約束我們可以把它叫做引數的校驗。vue.component child let vm new vue 現在有這樣乙個需求,父元件呼叫子元件的時候,傳遞的這個content,我要做一些約束,要求它我傳遞過來的...