uniapp里navigateBack返回上一页携带参数方法封装

Posted 2021-09-10 单身girl

/**
 * 获取上一个页面
 */
export const getPrePage = (url = '/pages/index/index') => {
  const pages = getCurrentPages()
  const page = pages[pages.length - 2]
  if (!page) {
    uni.reLaunch({
      url
    })
    return
  }
  return page
}

//使用

    onLoad(options) {
   //监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参）
      if (options && options.remark) {
        this.remark = options.remark
      }
    },
       methods: {
      goBack() {
        const page = getPrePage()
        if (page) {
        //获取上个页面得变量并赋值  $vm表示实例化的组件
          page.$vm.remark = this.remark
        }
        if (this.remark) {
          toast('已成功添加备注')
          setTimeout(() => {
            uni.navigateBack({
              delta: 1
            })
          }, 1500)
        } else {
          uni.navigateBack({
            delta: 1
          })
        }
      }
    }

整理不易 点个关注吧！ 新的问题会继续分享~