vue项目 同一个页面 从不同的入口进来要有不同的布局

目前的问题是 我现有的项目要从另一个合作平台进入,他们那边配置一个icon,点击后进入我们的app,需求是从他们那边进入要跟我们这边的ui不同,但是路由地址肯定都是一样的。
我现在想法是 单独写一个less文件,判断query 在他们那边进入的路径加一个标记,来判断用哪一套样式,不知道能不能实现?
我们这个项目首页还是很多组件拼起来的,求解

阅读 5.5k
2 个回答

不同的布局,如果布局变化比较大的,每个布局写过一个页面,分别给不同的入口不用的url,如果布局变化小的,像不同的主题一样,url那里配置一个参数,取参数渲染不同主题就好。

如果两个页面上的样式差别很大的话,最简单的办法,就是先把两个页面写完放在一个页面上,用v-if,v-else控制。从url上取到参数然后设置显示哪一块。两套css可以放在一个文件里。组件复用的话就不影响,不复用那就两套模板

还有一种办法,进入页面请求数据,传过去渠道值然后让后端把两套数据的key设置成不一样,根据返回值来判断显示不显示也可以。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题