vue props對象validator自定義函數(shù)實(shí)例
更新時間：2019年11月13日 16:07:15 作者：Shuah153
今天小編就為大家分享一篇vue props對象validator自定義函數(shù)實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
validator自定義函數(shù)實(shí)例
props: {
// 基礎(chǔ)的類型檢查 (`null` 匹配任何類型)
propA: Number,
// 多個可能的類型
propB: [String, Number],
// 必填的字符串
propC: {
type: String,
required: true
},
// 帶有默認(rèn)值的數(shù)字
propD: {
type: Number,
default: 100
},
// 帶有默認(rèn)值的對象
propE: {
type: Object,
// 對象或數(shù)組且一定會從一個工廠函數(shù)返回默認(rèn)值
default: function () {
return { message: 'hello' }
}
},
// 自定義驗(yàn)證函數(shù)
propF: {
type: String,
validator: function (t) {
// 這個值必須匹配下列字符串中的一個
return t === 'fade' || t === 'slide'
},
defalut:'slide'
}
以上這篇vue props對象validator自定義函數(shù)實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
lottie實(shí)現(xiàn)vue自定義loading指令及常用指令封裝詳解
這篇文章主要為大家介紹了lottie實(shí)現(xiàn)vue自定義loading指令及常用指令封裝，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
Vue 創(chuàng)建組件的兩種方法小結(jié)(必看)
Vue 創(chuàng)建組件的方法有哪些呢？下面小編就為大家分享一篇Vue 創(chuàng)建組件的兩種方法小結(jié)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
vue3中事件總線mitt代碼實(shí)例(第三方庫mitt)
這篇文章主要給大家介紹了關(guān)于vue3中事件總線mitt(第三方庫mitt)的相關(guān)資料,Mitt是一個在Vue.js應(yīng)用程序中使用的小型事件總線庫,該庫允許組件進(jìn)行通信,而不必過度依賴父級或子級組件之間的props,需要的朋友可以參考下2023-09-09
Vue3+Element-plus項(xiàng)目自動導(dǎo)入報(bào)錯的解決方案
vue3出來一段時間了,element也更新了版本去兼容vue3,下面這篇文章主要給大家介紹了關(guān)于Vue3+Element-plus項(xiàng)目自動導(dǎo)入報(bào)錯的解決方案,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
在布局上,五子棋相比那些目標(biāo)是隨機(jī)運(yùn)動的游戲,實(shí)現(xiàn)起來相對簡單許多,思路也很清晰,下面這篇文章主要給大家介紹了關(guān)于用Vue基礎(chǔ)語法來寫一個五子棋小游戲的相關(guān)資料,需要的朋友可以參考下2022-06-06
Vue2.x中的父子組件相互通信的實(shí)現(xiàn)方法
這篇文章主要介紹了Vue2.x中的父子組件相互通信,需要的朋友可以參考下2017-05-05
深入淺析Vue.js中 computed和methods不同機(jī)制
這篇文章給大家介紹了Vue.js中 computed和methods不同機(jī)制，在vue.js中，methods和computed兩種方式來動態(tài)當(dāng)作方法使用，文中還給大家提到了computed和methods的區(qū)別，感興趣的朋友一起看看吧2018-03-03
這篇文章主要介紹了element--Diaolog彈窗打開之后渲染組件方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要講解Vue3 集成HTTP庫axios的相關(guān)內(nèi)容，本文講圍繞如何利用Vue3 集成HTTP庫axios的相關(guān)資料展開文章,需要的朋友可以參考一下，希望對你有所幫助2021-10-10
vue踩坑記之npm?install報(bào)錯問題解決總結(jié)
當(dāng)你跑起一個項(xiàng)目的時候,第一步需要先安裝依賴npm install,下面這篇文章主要給大家介紹了關(guān)于vue踩坑之npm?install報(bào)錯問題解決的相關(guān)資料,需要的朋友可以參考下2022-06-06