欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)單粗暴直接上代碼:

// 這些寫時(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è)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue 第三方字體圖標(biāo)引入 Font Awesome的方法

    Vue 第三方字體圖標(biāo)引入 Font Awesome的方法

    今天小編就為大家分享一篇Vue 第三方字體圖標(biāo)引入 Font Awesome的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-09-09
  • Vue不能下載xls以及文件亂碼問(wèn)題解決

    Vue不能下載xls以及文件亂碼問(wèn)題解決

    最近工作中遇到了一些問(wèn)題,通過(guò)查找相關(guān)資料終于找到了相關(guān)的解決方法,這篇文章主要給大家介紹了關(guān)于Vue不能下載xls以及文件亂碼問(wèn)題解決的相關(guān)資料,需要的朋友可以參考下
    2022-04-04
  • Vue中babel.config.js配置示例詳解

    Vue中babel.config.js配置示例詳解

    Babel是一個(gè)JS編譯器,主要作用是將ECMAScript2015+ 版本的代碼,轉(zhuǎn)換為向后兼容的JS語(yǔ)法,以便能夠運(yùn)行在當(dāng)前和舊版本的瀏覽器或其它環(huán)境中,下面這篇文章主要給大家介紹了關(guān)于Vue中babel.config.js配置詳解的相關(guān)資料,需要的朋友可以參考下
    2023-02-02
  • vue中使用echarts繪制雙Y軸圖表時(shí)刻度沒(méi)有對(duì)齊的兩種解決方法(最新方案)

    vue中使用echarts繪制雙Y軸圖表時(shí)刻度沒(méi)有對(duì)齊的兩種解決方法(最新方案)

    這篇文章主要介紹了vue中使用echarts繪制雙Y軸圖表時(shí),刻度沒(méi)有對(duì)齊的兩種解決方法,主要原因是因?yàn)榭潭仍陲@示時(shí),分割段數(shù)不一樣,導(dǎo)致左右的刻度線不一致,不能重合在一起,下面給大家分享解決方法,需要的朋友可以參考下
    2024-03-03
  • vue3-print-nb實(shí)現(xiàn)頁(yè)面打印(含分頁(yè)打印)示例代碼

    vue3-print-nb實(shí)現(xiàn)頁(yè)面打印(含分頁(yè)打印)示例代碼

    大多數(shù)后臺(tái)系統(tǒng)中都存在打印的需求,在有打印需求時(shí),對(duì)前端來(lái)說(shuō)當(dāng)然是直接打印頁(yè)面更容易,下面這篇文章主要給大家介紹了關(guān)于vue3-print-nb實(shí)現(xiàn)頁(yè)面打印(含分頁(yè)打印)的相關(guān)資料,需要的朋友可以參考下
    2024-01-01
  • 解決vue3報(bào)錯(cuò):找不到模塊或其相應(yīng)的類型聲明

    解決vue3報(bào)錯(cuò):找不到模塊或其相應(yīng)的類型聲明

    這篇文章主要給大家介紹了關(guān)于如何解決vue3報(bào)錯(cuò):找不到模塊或其相應(yīng)的類型聲明的相關(guān)資料,這個(gè)錯(cuò)誤提示是指在代碼中引用了Vue模塊,但是系統(tǒng)找不到該模塊或者缺少相應(yīng)的類型聲明文件,需要的朋友可以參考下
    2023-07-07
  • 如何配置vue.config.js 處理static文件夾下的靜態(tài)文件

    如何配置vue.config.js 處理static文件夾下的靜態(tài)文件

    這篇文章主要介紹了如何配置vue.config.js 處理static文件夾下的靜態(tài)文件,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • Vue props實(shí)現(xiàn)父組件給子組件傳遞數(shù)據(jù)的方式

    Vue props實(shí)現(xiàn)父組件給子組件傳遞數(shù)據(jù)的方式

    Vue中的配置項(xiàng)Props能讓組件接收外部傳遞過(guò)來(lái)的數(shù)據(jù),本文給大家介紹了Vue props實(shí)現(xiàn)父組件給子組件傳遞數(shù)據(jù)的幾種方式,文中有詳細(xì)的實(shí)現(xiàn)方式,具有一定的參考價(jià)值,需要的朋友可以參考下
    2023-10-10
  • 在Vue中使用Immutable.js的步驟

    在Vue中使用Immutable.js的步驟

    這篇文章主要介紹了在Vue中使用Immutable.js的步驟,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-09-09
  • vue實(shí)現(xiàn)打印功能的兩種方法

    vue實(shí)現(xiàn)打印功能的兩種方法

    這篇文章主要介紹了vue實(shí)現(xiàn)打印功能的兩種方法,文中通過(guò)兩種方法給大家介紹了指定不打印區(qū)域的解決方法,需要的朋友可以參考下
    2018-09-09

最新評(píng)論