小程序
小游戏
企业微信
微信支付
扫描小程序码分享
使用自定义路由或预设路由从A页面跳转到B页面，如果A页面是tabbar标签页就会跳转失败，如果A页面不是tabbar标签页就可以成功触发动画跳转，是tabbar就无法自定义路由还是哪里需要做别的配置
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
skyline 暂时还不支持 tabbar 页的自定义路由，近期会更新上
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
近期更新上，是多久呢？ 2024-2-22 号依旧无法自定义动画跳转。
2024-02-03，skyline，如果A页面是tabbar页（非自定义），则跳转动画不行。需要自定义tabbar。
这个问题可能是由于在tabbar页面中使用了自定义路由导致的。你可以尝试以下方法解决这个问题：
1. 在tabbar页面的`App.vue`文件中，将`<router-view>`包裹在一个`<keep-alive>`标签中，这样可以保留tabbar页面的状态。修改后的代码如下：
<template> <div id="app"> <router-view v-if="$route.meta.keepAlive" keep-alive></router-view> <router-view v-if="!$route.meta.keepAlive"></router-view> </div> </template>
2. 在需要使用自定义路由的页面的`meta`对象中添加`keepAlive: true`属性，表示该页面需要保留状态。例如：
export default { name: 'YourPage', meta: { keepAlive: true, // 表示该页面需要保留状态 }, };
3. 在跳转到B页面时，使用`router.push()`方法，并传入一个包含`path`和`params`的对象。例如：
this.$router.push({ path: '/yourPath', params: { yourParam: 'yourValue' } });
通过以上方法，你应该可以在tabbar页面中使用自定义路由成功跳转到B页面。如果仍然遇到问题，请检查你的项目配置和代码是否有其他错误。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
skyline 暂时还不支持 tabbar 页的自定义路由，近期会更新上
近期更新上，是多久呢？ 2024-2-22 号依旧无法自定义动画跳转。
2024-02-03，skyline，如果A页面是tabbar页（非自定义），则跳转动画不行。需要自定义tabbar。
这个问题可能是由于在tabbar页面中使用了自定义路由导致的。你可以尝试以下方法解决这个问题：
1. 在tabbar页面的`App.vue`文件中，将`<router-view>`包裹在一个`<keep-alive>`标签中，这样可以保留tabbar页面的状态。修改后的代码如下：
<template> <div id="app"> <router-view v-if="$route.meta.keepAlive" keep-alive></router-view> <router-view v-if="!$route.meta.keepAlive"></router-view> </div> </template>2. 在需要使用自定义路由的页面的`meta`对象中添加`keepAlive: true`属性，表示该页面需要保留状态。例如：
export default { name: 'YourPage', meta: { keepAlive: true, // 表示该页面需要保留状态 }, };3. 在跳转到B页面时，使用`router.push()`方法，并传入一个包含`path`和`params`的对象。例如：
this.$router.push({ path: '/yourPath', params: { yourParam: 'yourValue' } });通过以上方法，你应该可以在tabbar页面中使用自定义路由成功跳转到B页面。如果仍然遇到问题，请检查你的项目配置和代码是否有其他错误。