vue中按鈕操作完刷新頁面的實現(xiàn)
更新時間：2022年07月06日 11:54:52 作者：醉夢洛
這篇文章主要介紹了vue中按鈕操作完刷新頁面的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue按鈕操作完刷新頁面
首先從子組件和父組件角度去寫這個東西，簡言之就是在父組件中實現(xiàn)這個刷新功能方法，然后在子組件中進行綁定并進行監(jiān)聽就好了啊
1.父組件中實現(xiàn)
① 圖示部分：
個人建議這個作為父組件，肯定一般是放在列表中的，即把列表頁面作為父組件的歸屬地
② 代碼部分：
method方法中部分
refresh () {
this.reload()
}將reload進行注入
inject: ['reload'],
2.子組件綁定
① 子組件進行綁定
在父組件中引用子組件頁面的地方進行綁定
如圖：
綁定腳本：
@refresh="refresh"
② 單獨去子組件頁面處理成功的地方去監(jiān)聽
圖示：比如就以這個頁面為例子
進入子頁面：
在子頁面組件中處理成功后進行監(jiān)聽父組件中刷新方法，以上設(shè)置完就ok了
點擊按鈕后自動刷新頁面
在按鈕點擊事件中添加
window.location.reload();
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue如何實現(xiàn)多頁面配置以及打包方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue引用外部JS的兩種種方案,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
Vue實現(xiàn)boradcast和dispatch的示例
這篇文章主要介紹了Vue實現(xiàn)boradcast和dispatch的示例，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-11-11
vue3?使用?vue3-video-play實現(xiàn)在線視頻播放
這篇文章主要介紹了vue3?使用?vue3-video-play?進行在線視頻播放,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue data中如何獲取使用store中的變量，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要介紹了vue中的slot封裝組件彈窗，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
Ant?Design?Vue?Pagination分頁組件的封裝與使用
這篇文章主要介紹了Ant?Design?Vue?Pagination分頁組件的封裝與使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
websocket實現(xiàn)的全雙工通信,真真太香了,下面這篇文章主要給大家介紹了關(guān)于前端之vue3使用WebSocket的詳細步驟,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了vue 導航錨點_點擊平滑滾動,導航欄對應變化詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue 實現(xiàn)復制內(nèi)容到粘貼板clipboard的方法
下面小編就為大家分享一篇vue 實現(xiàn)復制內(nèi)容到粘貼板clipboard的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03