在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ nuxt中nuxt中asyncData參數(shù),頁面刷新后上下文store的值為空的

nuxt中nuxt中asyncData參數(shù),頁面刷新后上下文store的值為空的問題

功能需求:
首頁和列表頁各有一個(gè)搜索框,在首頁輸入搜索內(nèi)容跳轉(zhuǎn)到搜索頁執(zhí)行搜索

nuxt實(shí)現(xiàn):
在首頁將searchKeyWords字段存入vuex,再到搜索頁獲取searchKeyWords字段,執(zhí)行搜索

問題:
從首頁跳轉(zhuǎn)到搜索頁后,頁面刷新后,通過上下文store獲取searchKeyWords,store里的數(shù)據(jù)竟然是空的

async asyncData({ store, params }) {
            let searchParams = {
                keyword: store.state.searchKeyWords,  //此處打印searchKeyWords竟然是空的
                pageNo: 1,
                pageSize: 10
            }
            let { result } = await API.searchMethod(searchParams);
            return {
                searchData:resul
            }
        }

但是vuex里面是有數(shù)據(jù)的

clipboard.png

回答
編輯回答
青裙

你刷新的時(shí)候 實(shí)際上 store的值是清空的, 你可以 console.log一下, 有時(shí)候插件是無法實(shí)時(shí)更新的, 你看下 nuxt官網(wǎng)的 路由鑒權(quán) https://zh.nuxtjs.org/example... 要將要保存的用戶信息存到session里面的, 然后通過 nuxtServerInit 周期 寫入到前端層, 當(dāng)然 官網(wǎng)這里還有一些問題, 這里中間層用到的 session模塊 是只能在開發(fā)模式下, 生成模式是無法運(yùn)行的, 要用 redis

2017年4月4日 22:18