accessing the $store

[ukjeep4x4]

i see you can pass in a variable to the options called store where you can access the store to get values(using in fetch data), but i'm getting some weird errors.

Uncaught (in promise) TypeError: Cannot read property 'state' of undefined
at a (liquor-tree.esm.js?6487:6)
at VueComponent.connectStore (liquor-tree.esm.js?6487:6)
at eval (liquor-tree.esm.js?6487:6)

how i'm calling it/configuration:

<tree v-if="websiteId != 0" :options="treeOptions" @node:selected="onNodeSelected" />

treeOptions: {
store: this.$store,
fetchData (node) {
return HTTP.get(/api/websitenavigation?nodeid=${node.id}&websiteId=${this.store.getters.websiteId}).then(function (response) { return response.data })
}
}

if i take out the store: this.$store and hard code the id (${this.store.getters.websiteId}, i get exactly as i would expect it to work. any ideas or help?

thanks,
matt

[ukjeep4x4]

maybe a better question is how can i access a variable on the page or in the store from the fetchdata function?

[amsik]

Probably your case isn't connected to the library. Could you try this code:

treeOptions: {
  store: this.$store,
  fetchData: (node) => {
    return HTTP.get(`/api/websitenavigation?nodeid=${node.id}&websiteId=${this.store.getters.websiteId}`)
    .then(function (response) { return response.data })
    .catch(function (err) { console.log(err); })
  }
}

[ukjeep4x4]

Uncaught (in promise) TypeError: Cannot read property 'state' of undefined
at a (webpack-internal:///./node_modules/liquor-tree/dist/liquor-tree.esm.js:6)
at VueComponent.connectStore (webpack-internal:///./node_modules/liquor-tree/dist/liquor-tree.esm.js:6)
at eval (webpack-internal:///./node_modules/liquor-tree/dist/liquor-tree.esm.js:6)

[ukjeep4x4]

[ukjeep4x4]

[amsik]

Oh, you have wrong options object. Check this page:

https://amsik.github.io/liquor-tree/#Integration-with-Vuex