如何定义空的多维数组

Posted 2023-02-22

【中文标题】如何定义空的多维数组

【英文标题】：How to define empty multidimensional array

【发布时间】：2017-09-27 11:52:11

【问题描述】：

我需要在我的 vuejs 项目中使用多维数组模型

Fiddle 我的代码：

我在我的 vuejs 数据中定义了一个数组

new Vue(
  el: '#app',
  data: 
    message: 'Hello Vue.js!',
    arr: [[1,2],[3,4]]
  
)

并使用：

<p v-if="arr[3][0]"> arr[3][0]  //Vue warn]: Error in render function: "TypeError: Cannot read property '1' of undefined"
</p>

但是当我调用未定义索引时出现错误

Vue 警告]：渲染函数中的错误：“TypeError：无法读取属性 '1' of undefined"

我使用v-if 跳过未定义的索引，但它不起作用Fiddle

如何解决这个问题并跳过未定义的索引？

更新：

v-if 无法正常工作，因为在<br> 标记中使用它我将<br> 更改为<span> 并解决了问题

【问题讨论】：

数组索引从0开始，试试arr[1][0]

@taylorc93 我知道，我想跳过未定义索引的错误

【参考方案1】：

在测试二级数组元素是否存在之前，需要先测试***数组元素是否存在。

<p v-if="arr[2] && arr[2][0]">

【讨论】：

我确实在小提琴上检查过，它工作正常。 jsfiddle.net/50wL7mdz/30599

我的问题是因为在 br 标签中使用了 if 条件，我用 span 替换并解决了