Vue 3(组合API)获取数组长度

Question

我正在学习 javascript 和 vue.js 3 作文 API。我的问题是我只想获得一个数组长度并在

处呈现。数组名称：“getForms”

<script>.....
const forms_length = computed(() =>  getForms.value.length)

<template>....
<p> {{form_length}} </p>

我收到错误“未捕获（承诺）TypeError：无法读取未定义的属性（读取 'length'）”

为什么？我应该怎么做？

感谢您的帮助！

Answer 1

你应该这样使用计算的属性

<template>
  <p>Array length: {{ formsLength}}</p>
</template>
<script>
  import { computed } from 'vue'
  import {useFormsStore} from '../store/forms'
  setup() {
    const { store } = useFormsStore()
    // if the store.forms array is undefined or not ready,
    // then it returns an empty array
    const getForms = computed(() => { return store.forms || []})
    const formsLength = computed(() => getForms.value.length)

    return {
      formsLength
    }
  }
</script>

Vue 3(组合API)获取数组长度

Vue 3 (composition API) get array length

javascript

arrays

vue.js

vue-composition-api