Estoy aprendiendo javascript y vue.js 3 API de composición. Mi pregunta es que simplemente quiero obtener una longitud de matriz y renderizar en
. El nombre de la matriz: "getForms"
<script>..... const forms_length = computed(() => getForms.value.length) <template>.... <p> {{form_length}} </p>Recibo un error "No capturado (en promesa) TypeError: No se pueden leer las propiedades de undefined (leyendo 'longitud')"
¿por qué? y que debo hacer?
¡Gracias por tu ayuda!
Deberías usar la propiedad computada de esta manera
<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>