Mi código se ve así,
<template> <div> <ul v-if="list.length !== 0"> {{ list }} </ul> </div> </template> <script> export default { props: { list: { type: Array, default: () => { return [] }, }, }, } </script>¿Me estoy perdiendo algo, porque recibo un error en esta línea:
También probé la solución desde esta página, pero nada funciona.
Vue 2 - Cómo establecer el tipo predeterminado de matriz en accesorios
Esto no es un error, sino una advertencia de que la función anónima debe indicar un tipo de devolución. Su IDE muestra el nombre del cheque y al buscarlo conduce a una página con buenos ejemplos .
La advertencia debe arreglarse así:
list: { type: Array, default: ():Array => { return [] }, },Como dijo el error, te falta el tipo de retorno de la función. Usted definió el tipo de propiedad, pero no el tipo de retorno de la función.
Debería verse así (en lugar de cualquiera, también debe especificar el tipo):
export default { props: { list: { type: Array, default: () : Array<any> => { return [] }, }, }, }Como sugerencia general, sugeriría que si está utilizando Vue 3 + Typescript, debe aprovechar la función defineComponent para envolver su objeto de opciones de componente como se documenta aquí: https://v3.vuejs.org/guide/typescript-support. html#definiendo-vue-componentes . Si está utilizando la configuración de pelusa recomendada (y su IDE funciona correctamente), el problema debería resolverse