vue 中子組件能接受到父組件傳的值到props中,但是子組件中卻得不到props中獲得的值

1.有些時(shí)候在 父組件向子組件傳值的時(shí)候,子組件的props屬性中的確得到了該值,但是子組件的其他方法就是獲取不到該屬性的值

參閱網(wǎng)上大部分人的博客,懷疑可能是子組件在渲染頁面的時(shí)候拿到了空值,

猜測:可能渲染的時(shí)候還沒有獲得父組件中的值,渲染完畢以后父組件才將值傳遞完畢

于是我們想到可以利用watch監(jiān)聽該值的變化

? 父組件傳的動態(tài)值改變時(shí),子組件一定會更新props中對應(yīng)的值,所以,在子組件中利用watch屬性監(jiān)聽該props中的值,

然后就再這里面進(jìn)行頁面的渲染就一定會得到該值了

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 開發(fā)一個(gè)React應(yīng)用,更多的是在編寫組件,而React組件最小的單位就是React元素,編寫組件的最大的好...
    itclanCoder閱讀 1,303評論 0 1
  • Vue的組件化給前端開發(fā)帶來極大的便利,這種依賴數(shù)據(jù)來控制Dom的模式,區(qū)別于以前的開發(fā)控制Dom的開發(fā)理念,這也...
    Max_Law閱讀 1,193評論 0 3
  • 三、組件 組件 (Component) 是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML元素,封裝可重用...
    小山居閱讀 709評論 0 1
  • 一場心雨 ,淋濕了經(jīng)年的詩句,獨(dú)處的意境中,總會渲染心底的那一抹風(fēng)景。斟一盞記憶的茶,讓往事在杯中蕩滌,歸去的路口...
    鳴菁姐姐閱讀 417評論 0 3
  • 四個(gè)策略: 刪除:去掉不必要的按鈕,直至減到不能在減。 組織:按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組。 隱藏:把那些不是很...
    正能量哈哈哈閱讀 284評論 0 0

友情鏈接更多精彩內(nèi)容