vue-ant design 在model組件中父組件調用子組件方法


需求邏輯:ant design vue 中有個model組件,使用是頁面點擊按鈕,彈出浮框,浮框內的數據和樣式是自定義的子組件。

要做到的是每次點擊按鈕子組件的數據都要重新請求。封裝成組件方法fnChildAjax(){}

正常的調用子組件的方式是在父組件中,子組件內添加ref屬性,從父組件中可以獲取到ref內的子組件和方法。

比如:parent.page.vue:

<child  ref="isChild" />

methods:{

  this.$refs.isChild.fnChildAjax()

}

但是如果在model內調用此方法,就要注意了:在model顯示隱藏有個過渡期所以會獲取不到ref

解決:設置個異步延時即可

showModal(type) {//顯示model-編輯---------------

this.time1 = setTimeout(()=>{//注意form組件在model內 在model顯示隱藏有個過渡期所以會獲取不到ref
this.$refs.isChild.fnChildAjax()
},1)

},

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM