关于前端:Vue项目开发中遇到的一个小问题

30次阅读

共计 549 个字符,预计需要花费 2 分钟才能阅读完成。

我的项目中遇到的小问题

一个列表页,点击最左边详情页,弹出一个弹出框,弹出框中又有一个列表页,点击这个弹出框中最左边的查看,进入一个新的界面,查看完之后返回就会回退到上一个路由,然而弹出框会主动敞开,为了进步用户体验,想要查看具体点击了弹出框列表中的哪一项数据,所以要求回退之后,弹出框显示进去,便于查看,应该如何实现???

针对以上这个优化的小需要,我在理论的我的项目中尝试了几种解决办法
  • 用路由传参 将管制弹出框显示的变量 当界面返回的时候,给这个值默认返回 true,是能够实现返回的时候 弹出框显示,然而 因为查看详情的时候 会调用好几个接口,导致该界面中没有任何数据
  • 第二种我想到的 两个是非父子组件,能够利用非父子组件之间的传值问题,能够利用 eventBus,或者 vuex, 看了之后感觉不是很不便
  • 第三种解决办法 我是想到 把跳转到新界面,批改为组件的模式进行传值,然而界面已开发实现,工作量较大
  • 最初一个方法,是求教我司的大神共事,我会将界面跳转的时候将管制弹出框显示的变量,存储到 sessioStroage 中,当返回的时候,在 mounted 中取到 sessionStroage 的变量值,也能够将详情中的数据也存储到 sessionStroage 中,这样比较简单,根本满足了我的需要;
应该还会有其余方法,有待进一步更新
正文完
 0