Vue props中Object和Array設(shè)置默認(rèn)值操作
我就廢話不多說,看代碼吧~
seller: { type: Object, default() { return {} }}
seller: { type: Object, default: function () { return {} }}
當(dāng)父組件沒有傳這個(gè)值或者值是空時(shí),輸出的話,返回:
下面這種是錯(cuò)誤的
seller: { type: Object, default: () => {}}
當(dāng)父組件沒有傳這個(gè)值或者值是空時(shí),輸出的話,這時(shí)是返回underfind,在template中獲取里面的值時(shí),就報(bào)錯(cuò)。
補(bǔ)充知識(shí):解決vue props 默認(rèn)值為數(shù)組或?qū)ο髸r(shí)報(bào)錯(cuò)的問題
簡(jiǎn)單粗暴直接上代碼:
// 這些寫時(shí)會(huì)報(bào)錯(cuò) Type of the default value for ’record’ prop must be a function props: { record: { type: Array, default: [] } } // 正確應(yīng)該這樣寫// 因?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è)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. idea刪除項(xiàng)目的操作方法2. IntelliJ IDEA配置Tomcat服務(wù)器的方法3. IntelliJ IDEA恢復(fù)刪除文件的方法4. IntelliJ IDEA設(shè)置默認(rèn)瀏覽器的方法5. 使用Maven 搭建 Spring MVC 本地部署Tomcat的詳細(xì)教程6. docker鏡像完全卸載的操作步驟7. IntelliJ IDEA導(dǎo)入jar包的方法8. Docker 部署 Prometheus的安裝詳細(xì)教程9. idea導(dǎo)入maven項(xiàng)目的方法10. idea重置默認(rèn)配置的方法步驟

網(wǎng)公網(wǎng)安備