收藏
回答

小程序navigateTo新打开多个同一路由页面返回的时候数据不正确

小程序navigateTo新打开多个同一路由页面,然后返回上一个页的时候,当前的页面表面数据是对的,貌似是缓存,但其实data记录的是刚打开多个页面,最后一个页面的数据,这时页面进行交互点击事件之类的 重新渲染就能看到

最后一次编辑于  2019-01-29
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2019-01-29

    navigateTo新打开多个同一路由页面=>这个操作是?

    2019-01-29
    赞同
    回复 2
    • 特别的人
      特别的人
      2019-01-29

      比如用户打开了的第一个商品详情页面,又在下面的推荐商品列表又点了另外的商品,navigateTo新打开第二商品详情,依次类推可以打开多个商品详情页面,后退上个商品详情,会出现的数据不正确 展示的是缓存 实际data是最后一个打开商品的数据

      2019-01-29
      回复
    • 社区技术运营专员-小柿子
      社区技术运营专员-小柿子
      2019-01-29回复特别的人

      麻烦提供下复现的代码片段:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      2019-01-29
      回复
  • 懒得起名
    懒得起名
    2019-02-26

    导致原因:

        页面 A、与页面 B 共享同一个 Page 实例导致的


    目前尝试过两种不是很好的解决办法:

    第一种:    修改 `Data` 数据结构,用商品的 `goodsId` 值作为 key,如下


    ```

    data = {

        Data: {

        [goodsId_A]: '',

        [goodsId_B]: '',

        // ...

      }

    }

    ```

    第二种: 从页面参数中取goodsId,在onshow中做更新

    ```

    onShow() {


        const currentPages = getCurrentPages() || [] // eslint-disable-line


        const { options } = currentPages[currentPages.length - 1] || {}


        let { goodsId = ''} = options


        this.goodsId = goodsId


        this.$apply()


    }

    ```

    2019-02-26
    赞同 1
    回复 1
    • 懒得起名
      懒得起名
      2019-02-26

      如果有好的办法,欢迎补充

      2019-02-26
      回复
  • 微盟
    微盟
    2019-01-29

    navigateTo需要带上商品id,每次打开的时候需要根据商品id重新去接口取数据放入setData,重新渲染

    2019-01-29
    赞同
    回复 1
    • 特别的人
      特别的人
      2019-01-29

      navigateTo肯定带商品Id了 就是后退的时候,数据不对

      2019-01-29
      回复
登录 后发表内容