1.需要的效果:

搜索结果页面:

vue公共头部的搜索框内容,只在搜索页面展示,其他页面不展示

 

其他页面:

vue公共头部的搜索框内容,只在搜索页面展示,其他页面不展示

 

 

 

 实现方式:

1.点击搜索,将搜索的数据存到cookies

vue公共头部的搜索框内容,只在搜索页面展示,其他页面不展示

 

2.在搜索结果中,切换页面时,获取cookies值,请求搜索接口

vue公共头部的搜索框内容,只在搜索页面展示,其他页面不展示

 

 

3.离开搜索页面时把cookies清除

vue公共头部的搜索框内容,只在搜索页面展示,其他页面不展示

 

4.监听path变化,如果是搜索页面,公共头部取cookies值,放入input的value中;如果不是搜索页面,公共头部的input值赋值为空

 

 vue公共头部的搜索框内容,只在搜索页面展示,其他页面不展示

 

相关文章:

  • 2021-11-03
  • 2021-10-26
  • 2021-11-21
  • 2021-08-01
  • 2022-12-23
  • 2021-04-11
  • 2021-08-07
猜你喜欢
  • 2022-02-10
  • 2021-09-03
  • 2021-12-11
  • 2021-10-23
  • 2022-12-23
  • 2021-07-10
  • 2022-12-23
相关资源
相似解决方案