javascript - 如何定义空多维数组

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>

但是当我调用 undefined index 时出现错误

Vue warn]: Error in render function: "TypeError: Cannot read property '1' of undefined"

我使用v-if跳过 undefined index ，但它不起作用 Fiddle

如何解决这个问题并跳过 undefined index ？

更新:

v-if由于在 <br> 中使用它而无法正常工作我更改的标签 <br>至<span>问题已解决

Answer 1

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

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