如何在模板中以文本形式显示getter

Question

我有一个getter，我想在模板中显示为文本。

数据已经在getter中，用devtools vue chrome扩展检查。我想从getter中获取的数据是这样的:

["appel", "banaan", "kiwi"]

我的组件是这样的:(getter的名字是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>

我该如何使用这个getter显示数组的文本?

提前感谢!

Answer 1

是否要在模板中显示此[" apple "， "banaan"， "kiwi"如果是，将代码修改为

computed: {
...mapGetters("app"["getPlaylist"]),
showPlaylist() {
return this.getPlaylist;
},

}

Answer 2

不知道你希望...mapGetters("app"["getPlaylist"])得到什么，但我看不出它除了是一个未定义的

"app"是一个字符串，它的行为不像对象或数组。唯一可以访问的是字符串方法(如"app"["startsWith"]("a"))或字符"app"[2])

如果app是一个模块，getPlaylist是getter，你需要将它定义为:

computed: {
...mapGetters(["app/getPlaylist"]),
}

如果app是另一个getter…

computed: {
...mapGetters(["app","getPlaylist"]),
}

或者如果app是一个命名空间

computed: {
...mapGetters("app",["getPlaylist"]),
}