vue props default Array或是Object的正確寫法說明
1、錯(cuò)誤寫法
demo:{
type:Array,
default:[]
}
eslint語法報(bào)錯(cuò)：
Invalid default value for prop “demo”: Props with type Object/Array must use a factory function to return the default value.
2、正確的寫法應(yīng)該是：
demo: {
type: Array,
default: function () {
return []
}
}
或是用箭頭函數(shù)：
demo: {
type: Array,
default: () => []
}
3、對(duì)象的箭頭函數(shù)寫法：
demoObj: {
type: Object,
default: () => ({})
}
或是常規(guī)
demoObj: {
type: Object,
default: function () {
return {}
}
}
錯(cuò)誤的寫法
demoObj: () => {}
補(bǔ)充知識(shí)：vue 傳參props里面為什么要帶type,還有default?
這個(gè)是子組件啦 ,寫type的意思是swiperDate傳過來的數(shù)據(jù)類型是數(shù)組,default就是表示不傳默認(rèn)返回的[ ],空數(shù)組.
這種就是表示傳的數(shù)據(jù)類型是number,不傳默認(rèn)是0。
以上這篇vue props default Array或是Object的正確寫法說明就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue中實(shí)現(xiàn)左右聯(lián)動(dòng)的效果
這篇文章主要介紹了vue中實(shí)現(xiàn)左右聯(lián)動(dòng)的效果，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-06-06
vue使用less報(bào)錯(cuò):Inline JavaScript is not ena
這篇文章主要介紹了vue使用less報(bào)錯(cuò):Inline JavaScript is not enabled問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
最近項(xiàng)目中使用了vue3+vite開發(fā)一個(gè)App項(xiàng),下面這篇文章主要給大家介紹了關(guān)于使用vite發(fā)布app存在的所有問題的解決方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
這篇文章主要給大家介紹了關(guān)于element的表單組件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
我們?cè)谧隽擞脩舻卿浐?就會(huì)讓用戶跳轉(zhuǎn)到個(gè)人中心,下面這篇文章主要給大家介紹了關(guān)于如何使用Vue+Element做個(gè)個(gè)人中心的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
vue elementUI select下拉框如何設(shè)置默認(rèn)值
這篇文章主要介紹了vue elementUI select下拉框如何設(shè)置默認(rèn)值問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue3.2+ts實(shí)現(xiàn)在方法中可調(diào)用的擬態(tài)框彈窗(類el-MessageBox)
這篇文章主要介紹了vue3.2+ts實(shí)現(xiàn)在方法中可調(diào)用的擬態(tài)框彈窗（類el-MessageBox）,這個(gè)需求最主要的是要通過方法去調(diào)用，為了像el-messagebox使用那樣方便，需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue2.0 路由模式mode="history"的作用，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-10-10
vue axios基于常見業(yè)務(wù)場景的二次封裝的實(shí)現(xiàn)
這篇文章主要介紹了vue axios基于常見業(yè)務(wù)場景的二次封裝的實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
Element的穿梭框數(shù)據(jù)量大時(shí)點(diǎn)擊全選卡頓的解決方案
本文主要介紹了Element的穿梭框數(shù)據(jù)量大時(shí)點(diǎn)擊全選卡頓的解決方案，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10