av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

淺談vue中子組件傳值的默認值情況

瀏覽:4日期:2022-10-26 10:40:19

淺談vue中子組件傳值的默認值情況

當父組件中的content值沒有傳入時,子組件利用default屬性設置默認值,此情況時,頁面會顯示default value。

淺談vue中子組件傳值的默認值情況

淺談vue中子組件傳值的默認值情況

當傳入content的值時,default屬性的默認值不生效,界面顯示為:

淺談vue中子組件傳值的默認值情況

補充知識: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中子組件傳值的默認值情況就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 先锋影音资源网站 | 久久99精品久久久久久噜噜 | 九九激情视频 | 欧美一级免费 | 亚洲精品小视频在线观看 | 亚洲精品欧美一区二区三区 | 亚洲一区二区免费视频 | 久久综合888| 久久久久久久久久久丰满 | 国产精品明星裸体写真集 | 伊大人久久 | 狠狠草视频 | www在线视频| 亚洲一区二区三区四区五区午夜 | 神马影院一区二区三区 | 日韩不卡一区二区 | 久久精品国产亚洲 | 久久久久国产精品一区二区 | 91中文字幕在线观看 | 久99久视频| 国产视频久久久 | caoporn国产精品免费公开 | 久久精品久久久 | 亚洲视频免费 | 伊人伊人伊人 | 91资源在线 | 国产专区视频 | 九九久久久 | 亚洲情侣视频 | 亚洲成人精 | xxxxxx国产 | 伊人青青久久 | 一区二区三区四区在线 | 国产精品视频在线播放 | 天天操夜夜操 | 日韩av福利在线观看 | 特级黄一级播放 | 国产乱码精品一区二区三区五月婷 | 在线视频一区二区三区 | 欧美成人精品一区二区男人看 | 天天看天天摸天天操 |