webxue2024
webxue2024
  • 发布:2020-01-08 12:01
  • 更新:2024-11-12 16:58
  • 阅读:6218

uni-app怎样实现类似于vue的router-view功能或nuxt中<nuxt />功能

分类:uni-app
2020-01-08 12:01 负责人:无 分享
已邀请:
青阳_1900

青阳_1900

app 内要做这种,用uni来实现的话不是很好实现

思路A:粉色区域作为组件,使用 component is 实现切换,切换事件可以通过uni.$emit全局事件来做,header负责接收
思路B:每个页面独立,header组件每个页面引入,导航页作为独立页面(透明背景,页面无过渡动效,全局内部实现),点击切换的时候,在导航页的onHide里面用发送uni.$emit全局事件,header组件用redirect改变当前路由

hhyang

hhyang - 如有问题,请添加QQ1606726660 备注付费咨询

uni-simple-router 跨端支持此功能 详细见命名视图

2***@qq.com

2***@qq.com

请问你最后怎么实现的

  • phoeniix

    https://imgse.com/i/pAcWmYd

    2024-11-12 17:13

  • phoeniix

    这样实现的。我的组件比较少,就是实现设置页面的,左边设置项列表,右边设置项的页面

    2024-11-12 17:14

  • phoeniix

    回复 phoeniix: https://blog.csdn.net/Amy_ly/article/details/131936243

    2024-11-12 17:18

要回复问题请先登录注册