Vue props中Object和Array設(shè)置默認(rèn)值操作
更新時間：2020年07月30日 09:50:16 作者：zhaobao1830
這篇文章主要介紹了Vue props中Object和Array設(shè)置默認(rèn)值操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
我就廢話不多說，看代碼吧~
seller: {
type: Object,
default() {
return {}
}
}
seller: {
type: Object,
default: function () {
return {}
}
}
當(dāng)父組件沒有傳這個值或者值是空時，輸出的話，返回：
下面這種是錯誤的
seller: {
type: Object,
default: () => {}
}
當(dāng)父組件沒有傳這個值或者值是空時，輸出的話，這時是返回underfind，在template中獲取里面的值時，就報錯。
補(bǔ)充知識：解決vue props 默認(rèn)值為數(shù)組或?qū)ο髸r報錯的問題
簡單粗暴直接上代碼：
// 這些寫時會報錯 Type of the default value for 'record' prop must be a function
props: {
record: {
type: Array,
default: []
}
}
// 正確應(yīng)該這樣寫
// 因為vue規(guī)定，對象或數(shù)組默認(rèn)值必須從一個工廠函數(shù)獲取
props: {
record: {
type: Array,
default: function () {
return []
}
}
}
以上這篇Vue props中Object和Array設(shè)置默認(rèn)值操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue 第三方字體圖標(biāo)引入 Font Awesome的方法
今天小編就為大家分享一篇Vue 第三方字體圖標(biāo)引入 Font Awesome的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
最近工作中遇到了一些問題,通過查找相關(guān)資料終于找到了相關(guān)的解決方法,這篇文章主要給大家介紹了關(guān)于Vue不能下載xls以及文件亂碼問題解決的相關(guān)資料,需要的朋友可以參考下2022-04-04
Babel是一個JS編譯器,主要作用是將ECMAScript2015+ 版本的代碼,轉(zhuǎn)換為向后兼容的JS語法,以便能夠運行在當(dāng)前和舊版本的瀏覽器或其它環(huán)境中,下面這篇文章主要給大家介紹了關(guān)于Vue中babel.config.js配置詳解的相關(guān)資料,需要的朋友可以參考下2023-02-02
vue中使用echarts繪制雙Y軸圖表時刻度沒有對齊的兩種解決方法(最新方案)
這篇文章主要介紹了vue中使用echarts繪制雙Y軸圖表時，刻度沒有對齊的兩種解決方法,主要原因是因為刻度在顯示時，分割段數(shù)不一樣，導(dǎo)致左右的刻度線不一致，不能重合在一起，下面給大家分享解決方法，需要的朋友可以參考下2024-03-03
vue3-print-nb實現(xiàn)頁面打印(含分頁打印)示例代碼
大多數(shù)后臺系統(tǒng)中都存在打印的需求,在有打印需求時,對前端來說當(dāng)然是直接打印頁面更容易,下面這篇文章主要給大家介紹了關(guān)于vue3-print-nb實現(xiàn)頁面打印(含分頁打印)的相關(guān)資料,需要的朋友可以參考下2024-01-01
這篇文章主要給大家介紹了關(guān)于如何解決vue3報錯:找不到模塊或其相應(yīng)的類型聲明的相關(guān)資料,這個錯誤提示是指在代碼中引用了Vue模塊,但是系統(tǒng)找不到該模塊或者缺少相應(yīng)的類型聲明文件,需要的朋友可以參考下2023-07-07
如何配置vue.config.js 處理static文件夾下的靜態(tài)文件
這篇文章主要介紹了如何配置vue.config.js 處理static文件夾下的靜態(tài)文件，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
Vue props實現(xiàn)父組件給子組件傳遞數(shù)據(jù)的方式
Vue中的配置項Props能讓組件接收外部傳遞過來的數(shù)據(jù),本文給大家介紹了Vue props實現(xiàn)父組件給子組件傳遞數(shù)據(jù)的幾種方式,文中有詳細(xì)的實現(xiàn)方式,具有一定的參考價值,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了在Vue中使用Immutable.js的步驟，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了vue實現(xiàn)打印功能的兩種方法,文中通過兩種方法給大家介紹了指定不打印區(qū)域的解決方法，需要的朋友可以參考下2018-09-09