Cannot read property ‘updateRedirectInfo‘ of undefined

最新推荐文章于 2024-11-02 12:42:04 发布

Bug编梦录

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量166

点赞数 3

分类专栏：微信小程序文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_36164225/article/details/126522328

版权

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

7 篇文章 0 订阅

订阅专栏

文章讲述了在Vue/uni-app应用中，由于定时器内的this指向问题，如何在定时器外部创建一个that引用并正确调用`updateRedirectInfo`方法以实现页面跳转。作者提供了代码片段进行说明。

摘要由CSDN通过智能技术生成

this.updateRedirectInfo({
// 跳转的方式
openType:'switchTab',
// 从哪个页面跳转过去的
from:'/pages/cart/cart'
})

原因：

定时器里，调用switchTab后，this指向出了问题，找不到挂载的updateRedirectInfo方法

解决：

需要修改this,,,在switchTab外，，创建一个that 指向当前的 this

然后使用 that.updateRedirectInfo

详情查看代码

 // 1. 将定时器的 Id 存储到 timer 中
         this.timer = setInterval(()=>{
            this.seconds--
             // 2. 判断秒数是否 <= 0
            if(this.seconds <= 0){
              clearInterval(this.timer)
              const that = this
                // 2.2 跳转到 my 页面
              uni.switchTab({
                url:'/pages/my/my',
                 // 页面跳转成功之后的回调函数
                success() {
                   // 调用 vuex 的 updateRedirectInfo 方法，把跳转信息存储到 Store 中
                  that.updateRedirectInfo({
                    // 跳转的方式
                    openType:'switchTab',
                   // 从哪个页面跳转过去的
                    from:'/pages/cart/cart'
                  })
                  console.log('222');
                }
              })
               // 2.3 终止后续代码的运行（当秒数为 0 时，不再展示 toast 提示消息）
              return
            }
            this.showTips(this.seconds)
          },1000)