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-09vue中使用echarts繪制雙Y軸圖表時刻度沒有對齊的兩種解決方法(最新方案)
這篇文章主要介紹了vue中使用echarts繪制雙Y軸圖表時,刻度沒有對齊的兩種解決方法,主要原因是因為刻度在顯示時,分割段數(shù)不一樣,導(dǎo)致左右的刻度線不一致,不能重合在一起,下面給大家分享解決方法,需要的朋友可以參考下2024-03-03vue3-print-nb實現(xiàn)頁面打印(含分頁打印)示例代碼
大多數(shù)后臺系統(tǒng)中都存在打印的需求,在有打印需求時,對前端來說當(dāng)然是直接打印頁面更容易,下面這篇文章主要給大家介紹了關(guān)于vue3-print-nb實現(xiàn)頁面打印(含分頁打印)的相關(guān)資料,需要的朋友可以參考下2024-01-01如何配置vue.config.js 處理static文件夾下的靜態(tài)文件
這篇文章主要介紹了如何配置vue.config.js 處理static文件夾下的靜態(tài)文件,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06Vue props實現(xiàn)父組件給子組件傳遞數(shù)據(jù)的方式
Vue中的配置項Props能讓組件接收外部傳遞過來的數(shù)據(jù),本文給大家介紹了Vue props實現(xiàn)父組件給子組件傳遞數(shù)據(jù)的幾種方式,文中有詳細(xì)的實現(xiàn)方式,具有一定的參考價值,需要的朋友可以參考下2023-10-10