Data variable undefined from computed Vue

Question

I think im not understanding something properly or is an obvious oversight but I cant access values returned from my data() function in my Vue component's computed properties. From my below code i am trying to return a computed property newmessage but it is saying that message is undefined and so is everything else in data if i try. Appreciate any help :)

<script>
  export default {
    props:['alertdata'],
    data () {
      return {
        message: 'hello',
        expanded: [],
        singleExpand: false,
        alertHeaders: [
          {
            text: 'Rule Number',
            align: 'start',
            sortable: false,
            value: 'RuleNumber',
          },
          
          { text: 'Date', value: 'DateCreated' },
          { text: 'Amount', value: 'Amount' },

        ],
        alerts: this.alertdata,
        transactions : this.alertdata.detail,     
      }
    },
    computed: {
        newmessage : function() { 
        return message.reverse()
        }
      
    }

  }
  
</script>

Edouard Yonga · Accepted Answer · 2021-08-07 00:34:06Z

1

Typically, inside methods, or computed properties or lifecycle handlers in Vue, you will use this to refer the component to which the method/computed/handler is attached. this refers to the context in which the function is currently executing.

in your case you need to add this before message

computed: {
    newmessage : function() { 
    return this.message.reverse()
    }

answered Aug 7, 2021 at 0:34

Edouard Yonga

5175 silver badges12 bronze badges

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

1 Comment

Daniel Otto Over a year ago

Of course haha - Ive been staring at the screen for too long i think! Thank you for your answer.

akuiper · Accepted Answer · 2021-08-07 00:32:49Z

1

You need to refer to property defined in data with this keyword:

newmessage : function() { 
  return this.message.reverse()
}

answered Aug 7, 2021 at 0:32

akuiper

216k33 gold badges362 silver badges379 bronze badges

Collectives™ on Stack Overflow

Data variable undefined from computed Vue

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related