微信小程序页面传值给后台总报错，原来是这个坑！

智能老杜

于 2021-01-05 18:51:50 发布

阅读量688

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/favoritecode/article/details/112250359

微信小程序在将页面数据传递给后台时，遇到一个常见错误：`event.currentTarget.dataset`后面的属性名必须使用小写英文，即使数据绑定`data-`属性允许大写。例如，`data-OrderGoods`在事件处理中应访问为`dataset.ordergoods`，否则会报`undefined`，提示系统无法识别大写字母。开发者需要注意这一细节，避免此类报错。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序页面传值给后台event.currentTarget.dataset 后面必需是小写英文，不能用大写英文，否则就报错。

 <view class="goodsShow" bindtap="clickItem" wx:for="{
  
  {goodsShowList}}" wx:item="item" wx:key="key"   data-orderGoods="{
  
  {item}}" data-orderid="{
  
  {item._id}}">
 <view class="itemShow">{
  
  {item.goodsInfo[0].goodsName}}</view>
 </view>

data-ordeGoods="{ {item}}" 页面上传值后台，data- 后面可以跟大写或小写英文字母。

  clickItem: function (event) {
    var orderGoods = event.currentTarget.dataset.ordergoods
    console.log("orderGoods:", orderGoods)   
  },

event.currentTarget.dataset. 后面必需跟小写英文字母，可以与页面上的data-orderGoods="{ {item}}" 不一致，当然一致也对。否则报错，如：

 clickItem: function (event) {
   var orderGoods = event.currentTarget.dataset.orderGoods
     var goodsInfo = orderGoods.goodsInfo[0]
   console.log("goodsINfo:", goodsInfo)
   console.log("orderGoods:", orderGoods)   
 },