Within my component, I have set up computed properties that are supposed to display text for blopp and blipp. However, while blopp is working fine, blipp is not showing anything. The end goal is to have blipp generate a list of strings from the store state.
export default {
computed:{
blopp: function(){ return "ghjk,l"; },
blipp: function(){ return this.$store.getters.getBlipp(); }
}
}
This rendering is based on a specific template.
<template>
<div>
...
<div v-bind:blopp="blopp">{{blopp}}</div>
<div v-bind:blipp="blipp">{{blipp}}</div>
</div>
</template>
The structure of the store and its getters is defined as follows:
...
const state = { blipp: [], ... };
const getters = {
getBlipp: function() { return state.Blipp; }, ...
}
export default new Vuex.Store({ state, mutations, actions, getters });
Despite setting up everything correctly, the second component is still not displaying any value. This issue has left me feeling lost as to where the problem might lie.
Even after inspecting the console output with
temp.$store.getters, the information displayed does not provide a clear solution. It seems to indicate that there is a function involved, but attempting to call it results in an "undefined" error.