vue中按鈕操作完刷新頁面的實現

vue按鈕操作完刷新頁面

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

① 圖示部分：

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

② 代碼部分：

method方法中部分

refresh () {
   this.reload()
 }

將reload進行註入

inject: ['reload'],

① 子組件進行綁定

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

如圖：

綁定腳本：

@refresh="refresh"

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

圖示：比如就以這個頁面為例子

進入子頁面：

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

在按鈕點擊事件中添加

window.location.reload();

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。