记一次在微信小程序wx:for-items在调试中显示，真机和预览不显示的问题

微信小程序开发问题记录：wx:for-items 替换为 wx:for

问题描述

在调试界面一切正常：

调试界面：

但到了手机预览/线上环境，什么都不显示了。

问题代码

很简单的一个循环。

<l-checkbox-group bind:linchange="onChangeTap">
  <l-checkbox 
    style="margin-left: 20rpx;margin-bottom: 20rpx;" 
    wx:for-items="{{list}}" 
    wx:key="{{item.id}}" 
    key="{{item.id}}" 
    checked="{{item.isChecked}}">
    {{item.stepName}}
    <van-tag 
      style="margin-left: 20rpx;" 
      wx:if="{{item.isUploadImage}}" 
      color="#ffe1e1" 
      text-color="#ad0000">上传图片</van-tag>
  </l-checkbox>
</l-checkbox-group>

还是要感谢deepseek，排查了很久

将已废弃的 wx:for-items 属性替换为 wx:for：
wx:for-items 是旧版语法，已不再推荐使用

总结

代码写的好，不如 AI 辅助工具用的好，大家有空多练习一下怎么使用 AI 吧，能够精准的喂给 AI 提示词就已经超越很多人了，生产效率直接翻倍。