Home

I’m trying to pass data into a transition to conditionally render leaving animations. However, when I try to get info from either the Data or Computed sections, it always returns undefined. I have an example setup below.

export default {
  data() {
    return {
      testingData: true
    }
  },
  transition: {
    mode: 'out-in',

    ** // This returns 'Undefined'**
    console.log(this.testingData)
    ** // This returns 'Undefined'**

  if (this.testingData != true) {
     RUN GSAP CODE
    } else {
     RUN DIFFERENT GSAP CODE
    }
}

I still get the issue of undefined when using computed data as well. Is their any recommended way to pass data to a transition? If I set variables within the transition, everything works as expected. Just having trouble accessing my vuex store. This is kind of related to issue #1960 Thank you so much for the advice!