VUE中實現點選按鈕重新整理頁面的方法

這裡先介紹兩種簡單粗暴的重新整理頁面方法，但會有較長的白屏時間，比較影響使用者體驗，並不推薦：

第一種：

window.location.

reload()
;

this

.$router.go(
0)

首先我們需要先了解一下vue中的依賴注入provide 和 inject

概念：

作用：用於父元件向子孫元件傳遞

使用方法：provide在父元件中返回要傳給下級的資料，inject在需要使用這個資料的子輩元件或者孫輩等下級元件中注入資料，這對選項需要一起使用，以允許乙個祖先元件向其所有子孫後代注入乙個依賴，不論元件層次有多深，並在其上下游關係成立的時間裡始終生效。

>
"showrouter"
>
<
/router-view>
<
/div>
<
/template>
export
default},
data()
},methods:)}
}}<
/script>
<
/style>

="refresh" title=
"重新整理" @click=
"refresh"
>
="el-icon-refresh"
>
<
/i>
<
/div
<
/template>
export
default}}
;<
/script>
<
/style>

點選按鈕重新整理頁面

部分簡單的 實現 新增鍵盤事件重新整理 function refurbish document.onkeypress refurbish onkeypress 在鍵盤按鍵被按下並釋放乙個鍵時發生。ascii對照表 控制字元 ascii值 控制字元 ascii值 控制字元 ascii值 控制字元 0n...

vue中重新整理頁面

當我們頁面中有資料發生變化或者進行了某些操作的時候，需要將變化後的結果展示，也就是重新整理頁面，像f5這種重新整理會導致頁面閃爍，還有 window.reload 或者router.go 0 重新整理時也是，使用者體驗很差，所以我們需要一種頁面不抖動的重新整理方式 解決辦法 在需要的地方使用this...

layui點選按鈕自動重新整理頁面問題

button class layui btn layui btn primary onclick finddata 查詢 button 點選頁面上的按鈕，執行完button的click事件後，會自動的重新重新整理一下當前的頁面。button,input type button按鈕在ie和w3c，fi...