当前位置:   article > 正文

uniapp保存修改个人信息后,使用uni.navigateBack(),返回上一页,没有消息提示,但是已经写过消息提示代码

uni.navigateback

uniapp保存修改个人信息后,使用uni.navigateBack(),返回上一页,没有消息提示,但是已经写过消息提示代码

未修改代码

const onSubmit = async () => {
    //*************修改个人信息  开始
  const res = await putMemberProfileAPI({
    nickname: profile.value.nickname,
    gender: profile.value.gender,
  })
  console.log(res.result)

  memberStore.profile = {
    ...memberStore.profile,
    ...res.result,
  }
    
     //*************修改个人信息  结束
  uni.showToast({
    title: '更新成功',
    icon: 'success',
    duration: 2000,
  })

    uni.navigateBack()

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23

以上代码就会出现页面跳转了,但是没有消息提示

更正后的代码

const onSubmit = async () => {
  const res = await putMemberProfileAPI({
    nickname: profile.value.nickname,
    gender: profile.value.gender,
  })
  console.log(res.result)

  memberStore.profile = {
    ...memberStore.profile,
    ...res.result,
  }
  uni.showToast({
    title: '更新成功',
    icon: 'success',
    duration: 2000,
  })
  setTimeout(() => {
    uni.navigateBack()
  }, 2000)
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20

原因:navigateBack会关闭当前页面,然后进行跳转,由于页面关闭了,所以该页面的事件处理没有了,就不会进行提示,可以加个定时器,等提示完毕,在进行跳转

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号