功能需求:
首页和列表页各有一个搜索框,在首页输入搜索内容跳转到搜索页执行搜索
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里面是有数据的
你刷新的时候 实际上 store的值是清空的, 你可以 console.log一下, 有时候插件是无法实时更新的, 你看下 nuxt官网的 路由鉴权 https://zh.nuxtjs.org/example... 要将要保存的用户信息存到session里面的, 然后通过 nuxtServerInit 周期 写入到前端层, 当然 官网这里还有一些问题, 这里中间层用到的 session模块 是只能在开发模式下, 生成模式是无法运行的, 要用 redis