Vue props中Object和Array設(shè)置默認(rèn)值操作
更新時(shí)間：2020年07月30日 09:50:16 作者：zhaobao1830
這篇文章主要介紹了Vue props中Object和Array設(shè)置默認(rèn)值操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
我就廢話不多說(shuō)，看代碼吧~
seller: {
type: Object,
default() {
return {}
}
}
seller: {
type: Object,
default: function () {
return {}
}
}
當(dāng)父組件沒(méi)有傳這個(gè)值或者值是空時(shí)，輸出的話，返回：
下面這種是錯(cuò)誤的
seller: {
type: Object,
default: () => {}
}
當(dāng)父組件沒(méi)有傳這個(gè)值或者值是空時(shí)，輸出的話，這時(shí)是返回underfind，在template中獲取里面的值時(shí)，就報(bào)錯(cuò)。
補(bǔ)充知識(shí)：解決vue props 默認(rèn)值為數(shù)組或?qū)ο髸r(shí)報(bào)錯(cuò)的問(wèn)題
簡(jiǎn)單粗暴直接上代碼：
// 這些寫(xiě)時(shí)會(huì)報(bào)錯(cuò) Type of the default value for 'record' prop must be a function
props: {
record: {
type: Array,
default: []
}
}
// 正確應(yīng)該這樣寫(xiě)
// 因?yàn)関ue規(guī)定，對(duì)象或數(shù)組默認(rèn)值必須從一個(gè)工廠函數(shù)獲取
props: {
record: {
type: Array,
default: function () {
return []
}
}
}
以上這篇Vue props中Object和Array設(shè)置默認(rèn)值操作就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue2.0實(shí)戰(zhàn)之使用vue-cli搭建項(xiàng)目（2）
這篇文章主要為大家詳細(xì)介紹了vue2.0實(shí)戰(zhàn)第二篇使用vue-cli搭建項(xiàng)目，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了vue如何禁止打開(kāi)調(diào)試模式方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
elementUI?el-table二次封裝的詳細(xì)實(shí)例
在項(xiàng)目中會(huì)多次使用表格展示數(shù)據(jù),不對(duì)這個(gè)table進(jìn)行二次封裝成我們自己想要的,重復(fù)的代碼量的工作會(huì)比較大,下面這篇文章主要給大家介紹了關(guān)于elementUI?el-table二次封裝的相關(guān)資料,需要的朋友可以參考下2023-03-03
vue預(yù)覽 pdf、word、xls、ppt、txt文件的實(shí)現(xiàn)方法
這篇文章主要介紹了vue預(yù)覽 pdf、word、xls、ppt、txt文件的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了dataV大屏在vue中的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)勻速輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要介紹了Vue項(xiàng)目打包部署總結(jié)篇,關(guān)于Vue項(xiàng)目發(fā)布的相關(guān)問(wèn)題就先總結(jié)這么多,幾乎在每一步都踩過(guò)坑才有所體會(huì),有問(wèn)題歡迎各位同學(xué)一起探討,需要的朋友可以參考下2024-08-08
vue中.env文件配置環(huán)境變量的實(shí)現(xiàn)
本文主要介紹了vue中.env文件配置環(huán)境變量的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說(shuō)明
這篇文章主要介紹了Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
vue使用element-ui實(shí)現(xiàn)表單驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了vue使用element-ui實(shí)現(xiàn)表單驗(yàn)證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12