Uncaught (in promise) ReferenceError: storesListsSelected is

Question

<script>
import {
mapGetters,
mapActions
} from "vuex";
export default {
name: 'Stores',
data() {
return {
selected: storesListsSelected
}
},
methods: {
...mapActions(["fetchStores"]),
onChange(event) {
console.log(event.value.value);
// localStorage.setItem('shop-id',event.value); 
}
},
computed: mapGetters(["storesList","storesLists","storesListsSelected"]),
created() {
this.fetchStores()
}
}
</script>

这里mapGetters调用数据返回值(return {selected: storesListsSelected})我正在努力。但我得到了错误未捕获(在承诺)ReferenceError: storesListsSelected未定义。如何解决这个问题?

Answer 1

你忘记用" this "了

data() {
return {
selected: this.storesListsSelected
}},

你可以像这样改变属性的名称，而不需要定义data属性

...mapGetters("storesList","storesLists", { selected: "storesListsSelected" })