vue 編輯數據後返回列表頁,停留在當前頁碼,並刷新數據

1.停留在當前頁碼

在項目的入口文件(我這裏是App.vue)添加<keep-alive></keep-alive>標籤開啓緩存,

代碼如下:

<template>

<div id="app">

<transition name="fade">

<keep-alive>

<router-view v-if="isRouterAlive"></router-view>

</keep-alive>

</transition>

</div>

</template>

2.刷新數據

將回調函數放到activated周期函數內,返回列表頁時會觸發activated的方法,代碼如下:

activated() {

this.getDataList();

},

 

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