需求邏輯: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)
},