在线等,挺急的!VUE不同参数不同路由?各位有什么建议?

现在遇到一个问题,有一个用户列表,里边有不同角色的用户。点击查看用户信息将跳转到新用户信息页面。但是不同角色的用户信息是不同的,需要不同的展示形式。于是产生了几种不同的解决方案。  1.所有角色的用户跳转到同一个页面,并通过路由传入用户id或者角色信息,在页面内根据参数查询并显示不同的用户信息。这种方案存在的问题是用户信息页面太臃肿。  2.根据不同的用户角色跳转不同的页面。这种方案,我不知道如何实现,根据不同的参数跳转不同的页面。而且分成多个页面之后好像不太容易维护(页面起名字很困难囧),多个页面调用的查询接口是一致的或者类似的,返回的数据不同,数据展示形式不同。
  请问各位大佬,哪一种方案更常用?第二种方案如何实现?通过ifelse或者switch跳转不同的路由吗?除了这两种意外还有没有其他的更好的解决方案?    
梦里花落0921
浏览 325回答 2
2回答

ibeautiful

所有角色的用户跳转到同一个页面,并通过路由传入用户id或者角色信息,在页面内根据参数查询并显示不同的用户信息。这种方案存在的问题是用户信息页面太臃肿。这种方案可取,但针对用户信息页面太臃肿这个问题。方案:可以跳转到同一个页面后,相同的部分放在父组件,把不同角色的特殊功能点抽离成子组件,根据用户的类型的不同分别调用响应子组件。就很清晰,而且也好维护(只有一个路由,需求更改也只需维护相应子组件),这其实也是你方法1和方法2的结合;

至尊宝的传说

一般用第一种方案,因为路由最好用一个比较好维护。另外第一种的可以把不同用户角色的页面封装成不同的组件引用,这样的话维护也比较容易。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript