Filtering an object via a different object via Vue Computed

Question

I am trying build a table that is filtered by checkboxes. I have 3 objects:

selected: What check boxes are currently selected
sites: What populates the checkboxes. Object Structure: sites: [{ siteid, name } ...]
items: all table items. Object Structure: items: [{siteid, gradeid, cpl} ..]

Pastebin: https://pastebin.com/J2kBr2Xy CodePen: https://codepen.io/tomdickson/pen/OqXpay

Hope this provides enough information

No, it does not. Please show us your code and tell us your problem. Otherwise it is hard to guess what you want to know. — Sebastian vom Meer
– Sebastian vom Meer, Commented Mar 1, 2019 at 10:58
@SebastianvomMeer Thanks for the feedback mate, I have updated my question and added both a Pastebin and Codepen — Tom Dickson
– Tom Dickson, Commented Mar 4, 2019 at 0:14

Pratik Patel · Accepted Answer · 2019-03-04 11:43:00Z

1

Try this code. I think this will work.

computed: {
    filteredPositions () {
      return this.items.filter(item => this.selected.includes(item.siteid));
    }
  }

Fiddle - https://jsfiddle.net/8x3yer54/1/

Just replace computed with this and it works fine.

computed: {
        filteredSite() {
            if (!this.selected.length || this.selected.includes(true)) 
                return this.items

             return this.items.filter(item => this.selected.find((item2) => item2.site==item.site))
        }
    }

edited Mar 4, 2019 at 11:43

answered Mar 1, 2019 at 11:31

Pratik Patel

7,0381 gold badge20 silver badges44 bronze badges

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

1 Comment

Tom Dickson Over a year ago

Thanks Patel, unfortunately this hasn't worked but I think it is something I am missing. I have updated my question with a link to the code.

Collectives™ on Stack Overflow

Filtering an object via a different object via Vue Computed

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related