Cant get variable in data

Question

I created a function that should set a var equal to a variable in data.

export default class App extends Vue{
  data() {
    return {
      evidence: 0
    }
  }
  handleFileSelect(evt: any) {
      var evidence = this.evidence;
  }
};

The problem is that it shows an error saying "Property 'evidence' does not exist on type 'App'".

Riddhi · Accepted Answer · 2019-05-24 09:01:29Z

2

In vuejs functions should be in the methods section where you can use the data within the vue instance. Read here in detail.

Hence your code should be as below.

export default class App extends Vue{
 data() {
    return {
      evidence: 0
    }
 },
 methods: {
  handleFileSelect(evt: any) {
      var evidence = this.evidence;
  }
 }
};

answered May 24, 2019 at 9:01

Riddhi

2,2541 gold badge11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Abarth · Accepted Answer · 2019-05-24 08:50:49Z

1

I'm no TypeScript guru, but this should work..

export default class App extends Vue{
  data() {
    return {
      evidence: 0
    }
  },

  methods: {
     handleFileSelect(evt: any) {
        let evidence = this.evidence;
     }
  }
};

answered May 24, 2019 at 8:50

Abarth

1761 silver badge11 bronze badges

Comments

Paleo · Accepted Answer · 2019-05-24 09:37:53Z

0

Using the decorator from vue-class-component:

import { Component, Vue } from "vue-property-decorator";

@Component
export default class App extends Vue {
  evidence = 0
}

answered May 24, 2019 at 9:37

Paleo

24k5 gold badges74 silver badges84 bronze badges

Collectives™ on Stack Overflow

Cant get variable in data

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related