关于调试的小问题

Question

向上图 console 面板 提示
property “badgeCount” of “components/grid-item/grid-item” received type-uncompatible value: expected but got non-number value. Used 0 instead.
这个一般怎么解决，它是怎么产生的，

  properties: {
    icon: String,
    iconSize: {
      type: String,
      value: '50'
    },
    text: String,
    showBadge: Boolean,
    // badgeCount: Number,
    badgeCount: {
      type: Number,
      value: 0
    },
    cell: Object
  },

属性“badgeCount”接收到类型不可匹配的值：应为，但得到的却是非数字值。改为使用0。

Answer 1

沁尘 2023-08-30 17:10:21

这块是小程序框架底层的判断逻辑做了调整，解决办法就是属性都设置上默认值，并严格区分字符串和数字类型。

• 提问者 爱吃鱼的羊 #1

  非常感谢！

• 提问者 爱吃鱼的羊 #2

  属性都设置上默认值（全部都加上），这个再提交问题之前，已经加了测试了，还是会有提示，后又改了回去。换个低版本的调试基础库，像你说的一样，没事。
  严格区分字符串和数字类型。
  badgeCount 这块接口返回的值，不是数值型？
  开始进入个人中心会有提示，还有就是点击待处理，再返回到个人中心页面，会打印出多条
  目前，还没想到，还有哪个地方需要调整的
  老师有空看看

• 沁尘 回复 提问者 爱吃鱼的羊 #3

  开始进入个人中心会有提示，那是因为渲染机制问题，wxml 渲染了的那一刻，还没有 data 数据，这里接收到了null值。可以这样：badgeCount="{{appointWithMeStatus[item.badge] || 0 }}"。

点开查看后面1条评论