methods/computed cant access data in vue component

Question

I have a simple vue component where i defined a boolean constant in data with start value false. I now want to create a method to change it to true and bind certain stuff conditionally to that in the template when it changes. But somehow i get the error "property value does not exist on type...". when i move computed out of data i get "Property 'computed' has no initializer"

export default class Something extends Vue {
  data() {
    return {
      value: false,
      computed: {
        valueTransform() {
          this.value = true
          alert(this.value)
        },
      },
    }
  }
}

You shouldn't update other data inside computed property

Boussadjra Brahim
– Boussadjra Brahim

2022-10-06 14:17:50 +00:00
Commented Oct 6, 2022 at 14:17 — Boussadjra Brahim
– Boussadjra Brahim, Commented Oct 6, 2022 at 14:17

Boussadjra Brahim · Accepted Answer · 2022-10-06 14:11:12Z

1

This syntax is not valid in class components, you should have something like :

export default class Something extends Vue {
 
    //data
      value = false,
     
    //computed 
       get valueTransform(){
        return this.value
      }
}

answered Oct 6, 2022 at 14:11

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

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

Collectives™ on Stack Overflow

methods/computed cant access data in vue component

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related