如何定义空的多维数组

Question

我需要在我的 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> 并解决了问题

Answer 1

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

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