底部tabbar的5个按钮，怎么改成左侧自上而下显示
改成下面这种，左侧一列的
m***@163.com
- 发布：2024-06-07 14:37
- 更新：2024-07-03 22:43
- 阅读：170
唐逗逗 - 123
三个解法：
1.全写到一个页面,因为app端支持 component，所以我们可以采取以下方式用compoent来切换内容
<template>
<view class="column flex" style="box-sizing: border-box; min-width: 0">
<top-windows></top-windows>
<view class="container">
<left-windows></left-windows>
<component :is="overview"></component>
</view>
</view>
</template>2.把leftwindow和topwindows写成组件，即每个tabs页面都添加这两个公共组件。
缺点：每次都需要重新加载这两个组件。有可能闪烁。
3.使用uni-simple-router替代uniapp的路由组件。
uni-simple-router支持嵌套路由，所以你可以实现你的想法。但是现在这个插件vue3版本是收费版本。
综上：如果非得用uniapp的话(用原生其实也一样，总之要使用vue-router的几个功能)，推荐第一种方案。
如有其他更好的方案请告知。
m***@163.com (作者)
怎么改成上图所示的左侧一列呢
2024-06-07 16:16