产品分类： uniapp/小程序
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.0.1 (21A559)
HBuilderX类型： 正式
HBuilderX版本号： 3.5.3
第三方开发者工具版本号： 3.6.4
基础库版本号： 1.25.7
项目创建方式： HBuilderX
代码片段
Page({
data: {
array12: Array.from({ length: 12 }),
}
})
代码片段
<view
a:for="{{array12}}"
a:for-index="index"
a:for-item="item"
class="{{((('u-loading-icon__dot')+' '+'data-v-8ae91632')+' '+virtualHostClass)}}"
style="{{virtualHostStyle}}"
a:key="index" //这里存在问题
>
</view>代码片段
<view
a:for="{{array12}}"
a:for-index="index"
a:for-item="item"
class="{{((('u-loading-icon__dot')+' '+'data-v-8ae91632')+' '+virtualHostClass)}}"
style="{{virtualHostStyle}}"
key="{{index}}" //或者其他更好的办法
>
</view>代码片段
<view
a:for="{{array12}}"
a:for-index="index"
a:for-item="item"
class="{{((('u-loading-icon__dot')+' '+'data-v-8ae91632')+' '+virtualHostClass)}}"
style="{{virtualHostStyle}}"
a:key="index" //这里存在问题
>
</view>通过uniapp编译成钉钉小程序之后，在支付宝ide里面切换到钉钉小程序预览，会报错af-appx.worker.min.js:26 Cannot read properties of null (reading 'index')
Please check your component:
in /node-modules/uview-ui/components/u-loading-icon/u-loading-icon
发现这个组件里面用了Array.from({ length: 12 })来渲染数组，view上绑定了a:key="index"的写法，看了钉钉小程序开发文档介绍https://open.dingtalk.com/document/orgapp/list-rendering#title-ips-etx-0yr
我理解是a:index="index"代表的是列表项的属性index，而非索引；Array.from({ length: 12 })的列表项为undefined，故而undefined.index会报错，而支付宝小程序和微信小程序是一样的写法但是没有这个报错，猜测对此做了兼容？
代码片段
data: {
array12: Array.from({ length: 12 }),
}代码片段
<view
a:for="{{array12}}"
a:for-index="index"
a:for-item="item"
class="{{((('u-loading-icon__dot')+' '+'data-v-8ae91632')+' '+virtualHostClass)}}"
style="{{virtualHostStyle}}"
a:key="index"
>
</view>
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
