Pass Vue js search filter functionality through single file components with EventBus

Question

I have the following components:

/components/SearchBlogs.vue Search component to filter on blog.title and blog.description.

Answer 1

Couple of issues but essentially the computed prop filteredData will look like:

computed: {
    filteredData() {
      return this.experiences.filter(
        el => el.category.indexOf(this.search) > -1
      );
    }
}

Also, used quotes around 'this.search' when passing its value back which made it a string.

Fixed sandbox

https://codesandbox.io/s/reverent-lamarr-is8jz