關於socket儲存在vuex中 重新整理頁面報錯

2021-10-09 20:58:20 字數 521 閱讀 3976

問題描述

之前socket頁面放在子元件中,所以都是從父元件進去socket頁面,重新整理頁面也會回到父元件,所以一直都正常

後來需要把socket頁面從子元件移出來,這樣一重新整理頁面就報錯如下:

created () , this.$store.state,json.parse(sessionstorage.getitem("store"))))

} //在頁面重新整理時將vuex裡的資訊儲存到sessionstorage裡

window.addeventlistener("beforeunload",()=>)

}

解決方案

在頁面直接請求獲取到socket

this.$store.state.socket = io('socketurl')

this.$store.state.socket.on("yourname", (data) =>

呃呃呃 只能想到這麼粗暴的方法了 總算解決掉卡了三天的問題!!!

對於vuex存在的思考

為什麼有了sessionstorage和localstorage,vue還需要vuex呢?也許只有我這種小菜鳥才有這種問題 這個問題我從來沒有想過,只是知道vue有這個vuex 可以存資料 在整個專案裡,隨處呼叫資料,方便 但是問題來了sessionstorage和localstorage也可以儲存...

vuex儲存公共資料

主要定義actions,判斷自己所需要的資料是否已經得到,相信大家都能看懂啦!import from plugin axios const state const mutations const actions if res.status 200 export default 借助輔助函式,在建立該...

vuex清掉資料 如何重置 擦除vuex儲存資料?

在我 src store 資料夾我有actions.js,index.js,mutations.js和state.js它包含以下資訊如何重置 擦除vuex儲存資料?actions.js export default index.js import vue from vue import vuex f...