How to populate empty array with a method in Vue

Question

I'm trying to populate an empty array with a declared array variable in a computed function. I tried this but with no luck:

data: {
  hashtags: []
},

computed: {
  filteredHashtags () {
    var defaultHashtags = [ '#hr', '#acc', '#sales' ];

    var fHashtags = 
     _.chain( messages )
    .pluck( 'hashtags' )
    .flatten()
    .map( 
      function ( tag ) { 
        return tag && tag.trim() ? '#' + tag : null; })
    .filter( Boolean )
    .value();  

    fHashtags = _.union( fHashtags, defaultHashtags );

    return data.hashtags = fHashtags;
  }
}

also, is there a better method to approach this?

Did you mean to data.hashtags = fHashtags instead? Or am I missing something? — yuriy636
– yuriy636, Commented Aug 30, 2017 at 20:34
I'm kind of new to Vue. Basically I'm assigning the value of fHastags to the hashtags in data. But yeah you're right. I'll make the edit — user4481538
– user4481538, Commented Aug 30, 2017 at 20:38

Bert · Accepted Answer · 2017-08-30 20:44:51Z

1

A computed property isn't really a good use case for this, because the computed value has to be referenced in order for it to be called. Instead, just make it a method and call it the method when your Vue is created.

data: {
  hashtags: []
},
methods: {
  filterHashtags() {
   // commented out stuff

    // set the data property with the filtered values
    this.hashtags = fHashtags;
  }
},
created(){
  this.filterHashtags();
}

answered Aug 30, 2017 at 20:44

Bert

82.6k17 gold badges205 silver badges166 bronze badges

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

Collectives™ on Stack Overflow

How to populate empty array with a method in Vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related