美文网首页
更新数据setData({})

更新数据setData({})

作者: IamaStupid | 来源:发表于2020-08-27 14:18 被阅读0次

    小程序更新视图数据必须使用setData方法

    如果是更新对象中的某个属性,应该怎么写呢?

    this.setData({
      ['bigObjForm.name']: '123'
    });
    

    微信小程序版本更新了,现在这样就可以了:

    /*
    housePicker: {
          data: ['美国', '中国'],
          index: 0
    }
    */
    this.setData({
          'housePicker.index': i
    })
    

    这样就是会只更新bigObjForm的name属性值了。

    如果setData的时候,key值是变量
    // wxml
    <input class="weui-input" bindinput="handleInput" data-type="form.name"
                 placeholder="请输入小区名称" value="{{form.name}}"/>
    
    // js
    data: {
    form: {
      name: ''
    }
    }
    // bindinput 事件
    handleInput: function(e) {
        // console.log(e, b)
        let type = e.currentTarget.dataset.type
        let value = e.detail.value
        if (type && value) {
          this.setData({
            [type]: value
          })
        }
      },
    
    setData还有大小限制

    好像是1M大小,比如有一个base64的图片列表对象,很可能更新不了。

    相关文章

      网友评论

          本文标题:更新数据setData({})

          本文链接:https://www.haomeiwen.com/subject/qbpcsktx.html