如何定义空的多维数组

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警告]：渲染函数出错：＆＃34; TypeError：无法读取属性   ＆＃39; 1＆＃39;未定义＆＃34;

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

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

更新

v-if由于在<br>代码中使用该代码而无法正常工作我将<br>更改为<span>并解决了问题

Answer 1

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

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