淺談vue中子組件傳值的默認值情況
更新時間：2020年11月17日 14:32:42 作者：我是主角我不能死
這篇文章主要介紹了淺談vue中子組件傳值的默認值情況，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
當父組件中的content值沒有傳入時，子組件利用default屬性設(shè)置默認值，此情況時，頁面會顯示default value。
當傳入content的值時，default屬性的默認值不生效，界面顯示為：
補充知識：Vue父組件向子組件傳值遇到的BUG
當子組件中含有props屬性,使用ref對其中的prop屬性賦值時報錯
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"
大致意思是：
當你通過直接修改子組件（this.$ref[]）的方式向子組件傳值, 父組件重新渲染的時候子組件的修改將會被覆蓋, 所以建議直接在子組件data中定義一個值（然后使用ref訪問、修改）或者定義一個基于該prop的計算屬性來給這個prop賦值
ps：純屬個人理解，有不對的地方感謝指正。
以上這篇淺談vue中子組件傳值的默認值情況就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
今天我們來討論另外一類容器：阻塞隊列,文中有非常詳細的代碼示例及介紹,對正在學習JAVA的小伙伴們很有幫助,需要的朋友可以參考下2021-06-06
這篇文章主要為大家詳細介紹了Javacsv實現(xiàn)Java讀寫csv文件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要介紹了基于@JsonProperty的使用說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
在處理大數(shù)據(jù)量的批量更新時,直接使用mybatis的updateBatch可能導致效率低下甚至OOM,通過每次處理5000條數(shù)據(jù)的方式雖然安全但效率低,更優(yōu)的解決方案是使用多線程處理,將數(shù)據(jù)分批并多線程執(zhí)行,有效提高了處理速度并保證了系統(tǒng)穩(wěn)定性2024-10-10
這篇文章主要介紹了Java實現(xiàn)藍橋杯G將軍的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
這篇文章主要介紹了Spring中@Scope注解用法解析,@Scope注解主要作用是調(diào)節(jié)Ioc容器中的作用域,在Spring IoC容器中主要有以下五種作用域,需要的朋友可以參考下2023-11-11
這篇文章給大家詳細介紹了MyBatis屬性名和字段名不一致的問題解決,文中有詳細的代碼示例和圖文展示供大家參考,對大家的學習或工作有一定的參考價值,需要的朋友可以參考下2023-12-12
這篇文章主要為大家詳細介紹了java基于UDP實現(xiàn)圖片群發(fā)功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
URLConnection發(fā)送HTTP請求的方法_動力節(jié)點Java學院整理
這篇文章主要介紹了URLConnection發(fā)送HTTP請求的方法，主要介紹了如何通過Java（模擬瀏覽器）發(fā)送HTTP請求，有興趣的可以了解一下2017-07-07
java如何將Object數(shù)組轉(zhuǎn)換為指定類型數(shù)組
這篇文章主要介紹了java如何將Object數(shù)組轉(zhuǎn)換為指定類型數(shù)組，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08