初次小程序开发碰见的问题数据绑定问题

初次小程序开发碰见的问题

小程序的开发与Vuejs的写法类似, 想当然的认为使用 this.numer 可以放访问到data里面的数据,在每次都显示Undefined,理想很美好,显示很骨感…在失败了多次,和百度没发现有人存在这种问题,,以为data里的数据在js中使用不了(怎么可能呢!!!)
于是我是 用了这种下面的方式去获取值(绕了一大圈):

JS:

  bindTextAreaBlur: function(e) {
    // console.log()
    this.setData({
      message: e.detail.value
    })
    console.log(e.detail.value)
  },
    this.setData({
      oid: e.oid,
    })

绑定:

 <button category="m端" type="submit" class="but_default" bindtap="submit_content" data-oid="{{oid}}" data-msg="{{message}}">提 交</button>

使用data-msg,data-oid再去设置好的绑定值,然后在

 wx.request({
      url: app.serve.UrlServe + '/program/make_feeback',
      method: 'post',
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      data: {
        'user_id': wx.getStorageSync('user_key'),
        'message': e.currentTarget.dataset.msg,
        'oid': e.currentTarget.dataset.oid,
      },
      success: function(res) {
        console.log(res);
        // that.loading('close');
        if (res.data.code == 0) {
          wx.showModal({
            title: '提示',
            content: '提交反馈成功',
          });
        } else {
          wx.showModal({
            title: '提示',
            content: '提交反馈失败',
          });
        }
      }
    })

使用了e.currentTarget.dataset.oid,e.currentTarget.dataset.msg,再去获取到之前闯过来的值…
事实证明这种写法是可以的,但是饶了一大圈。。。

聪明的写法应该直接使用就成功了

      data: {
        'message': this.data.message,
        'is_check': this.data.is_check
      },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值