Vue中按鈕操作完刷新頁面

     首先從子組件和父組件角度去寫這個東西,簡言之就是在父組件中實現這個刷新功能方法,然後在子組件中進行綁定並進行監聽就好了啊

1.父組件中實現

①圖示部分:

個人建議這個作爲父組件,肯定一般是放在列表中的,即把列表頁面作爲父組件的歸屬地

②代碼部分:

method方法中部分

refresh () {
   this.reload()
 }

將reload進行注入

inject: ['reload'],

 

2.子組件綁定

①子組件進行綁定

在父組件中引用子組件頁面的地方進行綁定

如圖:

綁定腳本:

@refresh="refresh"

②單獨去子組件頁面處理成功的地方去監聽

圖示:比如就以這個頁面爲例子

 進入子頁面:

在子頁面組件中處理成功後進行監聽父組件中刷新方法,以上設置完就ok了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章