Vue - 报错 Invalid array length

桃扇骨 2023-01-22 15:49 95阅读 0赞

完整报错

原因就是你的试图上挂有 v-for ，其变量是一个小数，导致 vue 无法循环遍历渲染。

大概就是如下图所示样式，意思是 无效的数组长度 ：
在这里插入图片描述
在这里插入图片描述

错误示例

  1. <template>
  2.     <view>
  3.         <!-- 循环一个非整数长度的变量或数组长度(length) -->
  4.         <view v-for="item in repairDOM">
  5.             ...
  6.         </view>
  7.     </view>
  8. </template>
  10. <script> export default { data() { return { // 非整数 repairDOM: 12.5 } } } </script>
  12. <style> ... </style>

解决方案

处理好数据，变为整数即可。

  1. // 例如
  2. repairDOM: 12
  4. // 或者
  5. // arr.length != 小数
  6. arr: []

发表评论

表情：
评论列表 （有 0 条评论，95人围观）

还没有评论，来说两句吧...

相关阅读