步驟
1:vue界面打開時,請求接口數據
2.接口數據保存在vueX的state模塊中保存
3.vue界面使用方法保存到數組中.
4.數據綁定到table表單,table表單展示數據
問題
如果我瀏覽器F5刷新.發現數據沒有了
原因
百度一大把,比我講的請求,自己查,不重要
解決辦法
經過我查詢資料進行驗證整整8個小時不間斷之后,提供一個我本人驗證成功的方法
1.安裝插件:vuex-persistedstate
安裝方法:npm install vuex-persistedstate -s
2.引入插件
store文件夾的index.js中引入插件
import createPersistedState from "vuex-persistedstate";
plugins: [
createPersistedState({
storage: window.sessionStorage,
}),
],
3.重啟vscode.重啟服務 試驗一下吧.我是好使