nuxt中nuxt中asyncData参数,页面刷新后上下文store的值为空的问题

clonger
  • 181

功能需求:
首页和列表页各有一个搜索框,在首页输入搜索内容跳转到搜索页执行搜索

nuxt实现:
在首页将searchKeyWords字段存入vuex,再到搜索页获取searchKeyWords字段,执行搜索

问题:
从首页跳转到搜索页后,页面刷新后,通过上下文store获取searchKeyWords,store里的数据竟然是空的

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里面是有数据的

clipboard.png

回复
阅读 3.4k
2 个回答

你刷新的时候 实际上 store的值是清空的, 你可以 console.log一下, 有时候插件是无法实时更新的, 你看下 nuxt官网的 路由鉴权 https://zh.nuxtjs.org/example... 要将要保存的用户信息存到session里面的, 然后通过 nuxtServerInit 周期 写入到前端层, 当然 官网这里还有一些问题, 这里中间层用到的 session模块 是只能在开发模式下, 生成模式是无法运行的, 要用 redis

董某
  • 1
新手上路,请多包涵

请问怎么解决的?

你知道吗?

宣传栏