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

淺談vue中子組件傳值的默認(rèn)值情況

 更新時(shí)間:2020年11月17日 14:32:42   作者:我是主角我不能死  
這篇文章主要介紹了淺談vue中子組件傳值的默認(rèn)值情況,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

當(dāng)父組件中的content值沒(méi)有傳入時(shí),子組件利用default屬性設(shè)置默認(rèn)值,此情況時(shí),頁(yè)面會(huì)顯示default value。

當(dāng)傳入content的值時(shí),default屬性的默認(rèn)值不生效,界面顯示為:

補(bǔ)充知識(shí):Vue父組件向子組件傳值遇到的BUG

當(dāng)子組件中含有props屬性,使用ref對(duì)其中的prop屬性賦值時(shí)報(bào)錯(cuò)

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "werks"

大致意思是:

當(dāng)你通過(guò)直接修改子組件(this.$ref[])的方式向子組件傳值, 父組件重新渲染的時(shí)候子組件的修改將會(huì)被覆蓋, 所以建議直接在子組件data中定義一個(gè)值(然后使用ref訪問(wèn)、修改)或者定義一個(gè)基于該prop的計(jì)算屬性來(lái)給這個(gè)prop賦值

ps:純屬個(gè)人理解,有不對(duì)的地方感謝指正。

以上這篇淺談vue中子組件傳值的默認(rèn)值情況就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Java常見的阻塞隊(duì)列總結(jié)

    Java常見的阻塞隊(duì)列總結(jié)

    今天我們來(lái)討論另外一類容器:阻塞隊(duì)列,文中有非常詳細(xì)的代碼示例及介紹,對(duì)正在學(xué)習(xí)JAVA的小伙伴們很有幫助,需要的朋友可以參考下
    2021-06-06
  • Javacsv實(shí)現(xiàn)Java讀寫csv文件

    Javacsv實(shí)現(xiàn)Java讀寫csv文件

    這篇文章主要為大家詳細(xì)介紹了Javacsv實(shí)現(xiàn)Java讀寫csv文件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-07-07
  • 基于@JsonProperty的使用說(shuō)明

    基于@JsonProperty的使用說(shuō)明

    這篇文章主要介紹了基于@JsonProperty的使用說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • java如何多線程批量更新10萬(wàn)級(jí)的數(shù)據(jù)

    java如何多線程批量更新10萬(wàn)級(jí)的數(shù)據(jù)

    在處理大數(shù)據(jù)量的批量更新時(shí),直接使用mybatis的updateBatch可能導(dǎo)致效率低下甚至OOM,通過(guò)每次處理5000條數(shù)據(jù)的方式雖然安全但效率低,更優(yōu)的解決方案是使用多線程處理,將數(shù)據(jù)分批并多線程執(zhí)行,有效提高了處理速度并保證了系統(tǒng)穩(wěn)定性
    2024-10-10
  • Java實(shí)現(xiàn)藍(lán)橋杯G將軍的示例代碼

    Java實(shí)現(xiàn)藍(lán)橋杯G將軍的示例代碼

    這篇文章主要介紹了Java實(shí)現(xiàn)藍(lán)橋杯G將軍的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-02-02
  • Spring中@Scope注解用法解析

    Spring中@Scope注解用法解析

    這篇文章主要介紹了Spring中@Scope注解用法解析,@Scope注解主要作用是調(diào)節(jié)Ioc容器中的作用域,在Spring IoC容器中主要有以下五種作用域,需要的朋友可以參考下
    2023-11-11
  • MyBatis屬性名和字段名不一致的問(wèn)題解決方法

    MyBatis屬性名和字段名不一致的問(wèn)題解決方法

    這篇文章給大家詳細(xì)介紹了MyBatis屬性名和字段名不一致的問(wèn)題解決,文中有詳細(xì)的代碼示例和圖文展示供大家參考,對(duì)大家的學(xué)習(xí)或工作有一定的參考價(jià)值,需要的朋友可以參考下
    2023-12-12
  • java基于UDP實(shí)現(xiàn)圖片群發(fā)功能

    java基于UDP實(shí)現(xiàn)圖片群發(fā)功能

    這篇文章主要為大家詳細(xì)介紹了java基于UDP實(shí)現(xiàn)圖片群發(fā)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-01-01
  • URLConnection發(fā)送HTTP請(qǐng)求的方法_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    URLConnection發(fā)送HTTP請(qǐng)求的方法_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    這篇文章主要介紹了URLConnection發(fā)送HTTP請(qǐng)求的方法,主要介紹了如何通過(guò)Java(模擬瀏覽器)發(fā)送HTTP請(qǐng)求,有興趣的可以了解一下
    2017-07-07
  • java如何將Object數(shù)組轉(zhuǎn)換為指定類型數(shù)組

    java如何將Object數(shù)組轉(zhuǎn)換為指定類型數(shù)組

    這篇文章主要介紹了java如何將Object數(shù)組轉(zhuǎn)換為指定類型數(shù)組,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-08-08

最新評(píng)論