Passing reactive variables to the fetchData in treeOptions

[amsik]

Passing reactive variables to the fetchData in treeOptions

[amsik]

You probably don't have the link the an vue instance.

new Vue({
  el: '#app',
  data() { // do not use arrow function here
    const vueInstance = this

    return {
      fetchData() {
        return axios.get(`/treedata/${node.id}`, {
            params: {
              session: vueInstance.session
            },
            headers: {
              "body": vueInstance.body,
            }
          }
        }
      }
    }
  }
})

[Starvigil]

Thanks, I'll try that out. But I just found another solution that works. I can reference a method for fetchData. And there I can use everything.

data() {
    return {
      ...
      treeFilter: '',
      treeOptions: {
        parentSelect: true,
        checkbox: true,
        fetchData: this.getFetchData
      },
      }
  },
  methods: {
      getFetchData (node) {
        console.log("getFetchData: ", node.id, this.$store.getters.session)
        return axios.get(`/treedata/${node.id}`, {
        params: {
          session: this.$store.getters.session
        },
        headers: {
          "body": this.body,
        }
        }).then(response => {
        // JSON responses are automatically parsed.
        console.log("TreeDataResponse: ", response)
        let obj = response.data.Objects
        return Promise.resolve(obj)
        })
        .catch(e => {
        console.log("error: ", e)

        })
    },