button中嵌套navigator为啥不能跳转

最新推荐文章于 2023-06-22 12:46:08 发布

原创最新推荐文章于 2023-06-22 12:46:08 发布 · 742 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文介绍了两种解决navigator在含有tabBar配置的app中无法正常工作的问题。方法一是将navigator组件放置在button组件外部，方法二是删除app配置文件中tabBar的相关内容，以确保navigator的switchTab功能能够正确切换页面。

方法一：把navigator放在button外面

方法二：如果app的配置文件中的tabBar里有pagePath指向目标页面，navigator就不能正常运行，所以要删掉tabBar的内容

 <navigator open-type="switchTab" url="{{isTeacher?'/pages/teacher/teacher':'/pages/index/index'}}" class=" login">
        <van-button size='small' type="info" size="small" bind:click="login">
          {{isTeacher?'教师登录':'学生登录'}}
        </van-button>
      </navigator>