公告列表
公告列表
收藏
回答

setData以路径更新的方式增加数组元素时，数组长度不会正确更新

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 6.7.3 2.4.0

- 当前 Bug 的表现（可附上截图）


数组元素增加了，数组长度没变。


- 预期表现


数组长度正确变化


- 复现路径


https://github.com/NervJS/taro/issues/882#issuecomment-440127031


- 提供一个最简复现 Demo


<!-- index.wxml -->
<block>
  <view class="container">
    <text wx:for="{{contents}}" wx:for-item="item">{{item.text}}</text>
    <button bindtap="add">add line by path</button>
    <button bindtap="add2">add line by replace array</button>
    <button bindtap="log" data-content="{{contents}}" data-content-length="{{contents.length}}">show log</button>
    <button disabled="{{contents.length ? false : true}}">{{contents.length}}</button>
  </view>
</block>
let i = 0
 
Page({
  data: {
    contents: [],
  },
  add () {
    this.setData({
      [`contents[${i++}]`]: { text: 'test' }
    })
  },
  add2() {
    this.setData({
      contents: [...this.data.contents, { text: 'test' }]
    })
  },
  log (ev) {
    console.log({
      contentLength: ev.currentTarget.dataset.contentLength,
      content: ev.currentTarget.dataset.content
    })
  }
})


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

3 个回答

  • 听枫
    听枫
    2021-12-22

    用wx:if 可以 或者判断数组第一个有没有也可以

    <button disabled wx:if="{{imgs.length<1&&options.biz==1}}">发送</button>
<button   wx:else>发送</button>

<button disabled="{{!(imgs[0]&&options.biz==1)}}">发送</button>
    2021-12-22
    有用
    回复
  • 胡先生
    胡先生
    2018-11-22

    你好，请问复现了吗

    2018-11-22
    有用
    回复 5
    • 小程序/小游戏开发-Link
      小程序/小游戏开发-Link
      2018-11-22

      问题已复现，跟进处理中。

      2018-11-22
      赞
      回复
    • LastLeaf
      LastLeaf
      2018-11-22

      感谢反馈。问题已复现，原因我们也知道了。但是这个问题修复起来有顾虑（主要是完美修复的话会有 setData 性能问题），所以估计不会很快修复，抱歉。


      这里建议先用另一个变量专门存储和更新 arrayLength ，或者在数组项目改变时直接 setData 数组本身。

      2018-11-22
      赞
      回复
    • 胡先生
      胡先生
      2018-12-17回复LastLeaf

      你好，这个问题怎么样了，没有计划修复吗，setData整个数组性能太差了

      2018-12-17
      赞
      回复
    • LastLeaf
      LastLeaf
      2018-12-17回复胡先生

      看起来短期内不会修复（目前还没有好的方案）。担心性能问题的话，单列一项 arrayLength 来单独更新比较好。

      2018-12-17
      赞
      回复
    • 陈佳
      陈佳
      2023-09-14回复LastLeaf
      官方的完美修复会有性能问题，开发者直接setData数组本身的性能问题与官方无关，但是官方还是大发慈悲提供临时(永久)替代方案了。
      短期不会修复的意思就是，不会修复，别等了，哈哈。
      2023-09-14
      赞
      回复
  • 是小白啊
    是小白啊
    2018-11-20

    提供下相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

    2018-11-20
    有用
    回复 1
请 登录 后发表内容
相关文档