vue3 怎么解耦页面的路由关系和布局关系啊 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
scienhub
V2EX    Vue.js

vue3 怎么解耦页面的路由关系和布局关系啊

  •  
  •   scienhub
    batchfy 2024-08-30 15:19:29 +08:00 2561 次点击
    这是一个创建于 406 天前的主题,其中的信息可能已经有所发展或是发生改变。

    比如我有几个页面之间的路由是继承关系,但是页面布局毫无关系; 但是有另外两个页面路由不相关,但是布局是类似的。

    1. 比如 /:username/project/:priject-id 这两个页面路由没有父子关系,但是页面布局有类似(例如都是左右分栏的)。我希望这两个页面能继承自同一个 layout 文件。
    2. 比如/:username/:username/:projectname这两个页面的路由有父子关系,但是页面布局毫无关系。这种情况下用 vue-router 似乎只能共用一个父 layout ?

    我看 nextjs 那种基于文件的路由能很好的把 layout 和路由 decouple ,不知道 vue-router 能不能做到这点。

    感谢大家!

    6 条回复    2024-09-17 22:11:30 +08:00
    dumbass
        1
    dumbass  
       2024-08-30 16:01:09 +08:00
    xngiser
        2
    xngiser  
       2024-08-30 16:30:46 +08:00
    parent component 使用动态组建,根据 router 传递的 layout 值渲染对应的 layout 文件
    Xu3Xan89YsA7oP64
        3
    Xu3Xan89YsA7oP64  
       2024-08-30 16:36:38 +08:00   1
    if-else 秒了
    scienhub
        4
    scienhub  
    OP
       2024-08-31 02:06:53 +08:00
    @xngiser 是啊,现在就是这么干的。导致 root layout 的逻辑很复杂。
    linlai
        5
    linlai  
       2024-09-03 14:39:42 +08:00
    刚刚看到你在「大四锐评简历」那个帖子的回复,所以过来咨询一下。
    请问还有前端兼职的需求吗?前端相关的我都可以 Cover 。
    he110te4m
        6
    he110te4m  
       2024-09-17 22:11:30 +08:00
    vite 有文件路由的插件,或者换 uxt 原生支持文件路由
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3688 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 22ms UTC 10:20 PVG 18:20 LAX 03:20 JFK 06:20
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86