微信小程序之坑点

最近开发小程序遇到几处坑点，与大家分享。

屏幕快照 2019-11-27 下午3.23.52.png

第一处坑点微信小程序input有时获取不到输入框的值

屏幕快照 2019-11-27 下午2.30.33.png

解决方法：

<input class='nameInput' bindinput='getNameInput' bindblur='getNameInput' bindconfirm = 'getNameInput' value="{{nameValue}}"></input>

bindblur，bindconfirm， bindinput都绑定上监听事件。

第二处坑点 textarea获取输入框的值不及时。
解决办法：
需要和form表单一起使用。

 <form bindsubmit='fabiao' class="form"> 
    <!-- 收件地址 -->
    <view class='addressView'>
     
      <text class='addressText'>收件地址：</text>
        
      <textarea class='addressInput' 
      bindblur='getAddressInput' bindinput="getAddressInput"  bindconfirm = 'getAddressInput' focus="{{focus}}" value="{{addressValue}}"></textarea>
  
    </view>

    <!-- 注意 -->
    <view class='bottomView'>
      <text class='careText'>以上所有信息填写无误</text>
      <button class='confirmBtn'  formType="submit">确认提交</button>
    </view>
</form>

js里面

 data: {
    //地址
    addressValue: '',
    concent: '',
},
  //获取地址
  getAddressInput:function(e){
    this.setData({
      addressValue: e.detail.value,
  
    })
   
  },
 // 点击按钮时得到里面的值
fabiao: function (e) {
    this.setData({
      focus: 'false',
      concent: this.data.addressValue,
    })
//此处直接调用接口提交事件。
  this.confirmAction();
  },

第三处坑点微信添加卡券 wx.addCard(），一直签名错误。

Snip20191127_1.png

一定要把CardExt 对象 JSON 序列化为字符串传入

微信小程序之坑点

推荐阅读更多精彩内容