久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

18
2025/01

vue watch解決ajax異步組件傳值問題

發(fā)布時間:2025-01-18 17:09:51
發(fā)布者:神棍子
瀏覽量:
0
    正常vue在父組件向子組件傳值時使用prop便可接收到內(nèi)容,但是當(dāng)父組件需要先請求ajax內(nèi)容,得到內(nèi)容后向子組件重新賦值,子組件這時候不會自動刷新內(nèi)容,只能通過watch事件監(jiān)聽,下面看實現(xiàn)取值后顯示二維碼的效果。

    首先是A頁面向orderfor傳值

向子組件傳值

 

    默認的orderinfo中只有部分必要信息

orderInfo內(nèi)容

    然后通過ajax獲取訂單詳情

ajax獲取訂單信息 

    因為orderfor是直接打開所以并沒有該訂單的相關(guān)信息而報錯

子組件獲取內(nèi)容 

    通過watch事件對orderInfo監(jiān)聽更改后即可訪問到訂單信息

watch監(jiān)聽內(nèi)容修改

 

 

上一篇: ajax-POST請求的請求頭對請求的影響
下一篇: 沒有了
關(guān)鍵詞:
返回列表