项目要求:从一个页面的按钮跳转页面,该页面搜索条件变化,不从按钮进入搜索条件变成另一种
同一个页面同一个路由不同的展示条件
思路:假入从a页面的按钮调到b页面那么展示第二张图,如果不通过a页面按钮进入b页面展示第一张图,搜索条件写了两个用v-show显示第一张图,a页面点击按钮的时候this. r o u t e r . p u s h ( ′ / b ′ ) 并 在 按 钮 注 册 的 事 件 中 用 s e s s i o n S t o r a g e . s e t I t e m ( ′ f o r m a ′ , ′ a ′ ) 做 个 标 记 , 现 在 跳 入 b 页 面 , 对 b 页 面 搜 索 条 件 进 行 控 制 , 首 先 在 c r e a t e d 中 获 得 s e s s i o n S t o r a g
vue中根据路由from不同展示同一个页面搜索条件不同
最新推荐文章于 2023-02-11 19:34:21 发布
本文介绍如何在Vue中实现根据路由来源显示不同的搜索条件。当从特定页面(如A页面)跳转至B页面时,B页面展示特定的搜索条件。通过在A页面按钮点击事件中设置sessionStorage标记,然后在B页面的created钩子中读取该标记和当前路由信息,使用v-show控制组件显示。在B页面销毁时,清除sessionStorage中的标记。
摘要由CSDN通过智能技术生成