uni-app v-for循环迭代数字提示语法错误？
uni-app v-for循环迭代数字提示语法错误？
示例代码：
<text class="iconfont yellow" v-for="count in d_score"></text>
以上语法需要加:key=“count”
但是加入key后控制台提示
但是加入key后控制台提示
操作步骤：
报错
预期结果：
没有报错
实际结果：
报错
bug描述：
<text class="iconfont yellow" v-for="count in d_score"></text>
以上语法需要加:key=“count”
但是加入key后控制台提示
但不影响使用！！！
| 项目信息 | 信息 |
|------------------|-----------------------|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | Windows 64位家庭版 |
| HBuilderX类型 | Alpha |
| HBuilderX版本号 | 3.1.4 |
| 手机系统 | Android |
| 手机系统版本号 | Android 10 |
| 手机厂商 | 小米 |
| 手机机型 | 红米Note7 |
| 页面类型 | vue |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
更多关于uni-app v-for循环迭代数字提示语法错误？的实战教程也可以访问 https://www.itying.com/category-93-b0.html
2 回复
建议你看一下vue关于v-for这块儿的文档
更多关于uni-app v-for循环迭代数字提示语法错误？的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在uni-app中使用v-for循环数字时，d_score应为数值类型。如果d_score是数字，直接使用v-for="count in d_score"会导致语法问题，因为v-for不支持直接迭代数字。请将d_score转换为数组，例如通过计算属性生成一个长度为d_score的数组：
computed: {
scoreArray() {
return Array.from({length: this.d_score}, (_, i) => i + 1);
}
}
然后在模板中使用：
<text class="iconfont yellow" v-for="(item, index) in scoreArray" :key="index"></text>