Tengo un getter, que me gustaría mostrar en la plantilla como texto.
Los datos ya están en el getter, verificados con la extensión devtools vue chrome. Los datos que quiero obtener del captador se ven así:
["appel", "banaan", "kiwi"]Mi componente se ve así: (el nombre de getter es getPlaylist)
<template> <div> <span>{{ showPlaylist }}</span> </div> <template> <script> import { mapGetters } from "vuex"; export default { data() { return { }; }, computed: { ...mapGetters("app"["getPlaylist"]), showPlaylist() { this.getPlaylist; }, }, }; </script>¿Cómo puedo usar este getter para mostrar el texto de la matriz?
¡Gracias por adelantado!
No estoy seguro de lo que espera obtener con ...mapGetters("app"["getPlaylist"]) , pero no veo que haga otra cosa que no sea un archivo indefinido
"app" es una cadena, que no se comporta como un objeto o una matriz. lo único disponible a lo que se puede acceder son los métodos de cadena (es decir "app"["startsWith"]("a") ) o los caracteres "app"[2] )
si la app es un módulo y getPlaylist el captador, debe definirlo como:
computed: { ...mapGetters(["app/getPlaylist"]), } alternativamente, si la app es otro captador ...
computed: { ...mapGetters(["app","getPlaylist"]), } o si la app es un espacio de nombres
computed: { ...mapGetters("app",["getPlaylist"]), }