收藏
回答

小程序二维数组怎么做到数据改变,页面不刷新?

小程序购物车是二维数组,接口一次返回上百条数据,然后前端做分页,比如15条为一页做成二维数组,然后我翻到比如第5页,然后点其中一个商家折叠,这时候比如这商家下面加了10条数据在购物车,那我点折叠后这10条数据就没有了,变成了就一个商家名字,相当于从10条变成一条数据,这时候希望不刷新购物车,但是数据会改变,接口返回数据从100条变成了91条,并且我在第5页的位置也不会变化,这种怎么实现?

回答关注问题邀请回答
收藏

3 个回答

  • showms
    showms
    09-20

    点击购物车里面某个商家并折叠起来,这个不是只要控制显示样式就行了?比如我点的商家所在数组索引selectIndex=15,那wxml里面index=selectIndex的添加一个折叠的样式(这个样式会把商家底下的商品隐藏)不就行了吗,跟刷不刷新购物车有啥关系呢没太明白

    09-20
    有用
    回复
  • 小黎
    小黎
    09-20

    前端做数据整理啊,每条数据不是有商家信息么,比如每页15条,你把arr变成arr2, 然后渲染arr2就行了,点击商家折叠下面的商品,切换页数拿到本页数据重新给arr2赋值

        var arr = [ //每页的15条数据
          {
            name: "商家名称1",
            id"商家ID",
            sname: "商品名称1",
            sid: "商品ID",
          },
          {
            name: "商家名称2",
            id"商家ID",
            sname: "商品名称2",
            sid: "商品ID",
          }
        ]
        var arr1 = [] //商家
        var arr2 = [{ //页面渲染的内容
          name: "商家名称1",
          id"商家ID",
          shoplist: [{
              sname: "商品名称1",
              sid: "商品ID",
            },
            {
              sname: "商品名称2",
              sid: "商品ID",
            }
          ]
        }, {
          name: "商家名称2",
          id"商家ID",
          shoplist: [{
              sname: "商品名称3",
              sid: "商品ID",
            },
            {
              sname: "商品名称4",
              sid: "商品ID",
            }
          ]
        }]
    
    09-20
    有用
    回复
  • 风清雾云开见日出
    风清雾云开见日出
    09-20

    分2个二维数组参数啊,前端显示是一个二维数组参数,后台刷新的是一个二维数组参数,前端是否同步二维数组参数,就通过按钮操作。

    09-20
    有用
    回复 2
    • 邪百万
      邪百万
      09-20
      能否说一下大概流程和逻辑?
      09-20
      回复
    • 风清雾云开见日出
      风清雾云开见日出
      09-20回复邪百万
      【小程序购物车是二维数组,接口一次返回上百条数据】,通过这个接口获取数据二维数组A,赋值给小程序wxml显示参数二维数组B,不管你的商家怎么下单,刷新二维数组A,只要你不赋值给B,你在小程序页面显示操作的数据都不会变,要同步后台的购物车数据,就增加一个同步按钮,把A的同步给B。
      09-20
      回复
登录 后发表内容