微信小程序wx.navigateTo方法跳转不到url,路径有坑

问题

我有一个设置功能
在这里插入图片描述
bindtap了一个方法goToSettings:

<view class="function-item" bindtap="goToSettings">
        <view class="function-icon gray">⚙️</view>
        <view class="function-name">设置</view>
        <view class="function-arrow">→</view>
      </view>

点击则会跳转到设置页,方法代码是:

 // 跳转到设置页
  goToSettings() {
    console.log("跳转到设置页")
    wx.navigateTo({
      url: 'pages/my/setting'
    })
  },

但是我死活跳不过去,我发誓在app.json里面已经定义了这个路径了
app.json

"pages": [
    "pages/search/home",
    "pages/my/my",
    "pages/my/settings"
  ],

我把wx.navigateTo改成wx.redirectTo也不行。。

解决方案

记得长个心眼,写url的时候要写全,是 /pages/my/setting 不是 pages/my/setting。后者会被认为是相对路径!由于我是在/pages/my/的某个页面下跳转的,除了写 /pages/my/setting 这个路径也可以直接写相对路径 setting

 // 跳转到设置页
  goToSettings() {
    console.log("跳转到设置页")
    wx.navigateTo({
      url: '/pages/my/setting'
      //url: 'setting'  这样也可以成功跳转
    })
  },
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值