Skip to content

Watch on Table with items provider filtering #4081

Closed
@josh-luker

Description

@josh-luker

Describe the bug

When using the Table component with items provider based filtering, the watch on the filter prop is not firing for an Object value update.

Steps to reproduce the bug

  1. Go to https://jsfiddle.net/a93h0muq/1/
  2. Enter new value in Filter text input
  3. The filtered rows have not updated

Expected behavior

The filtered rows in the example are expected to update based on updates to the filter prop.
e.g. entering value2 should match only Row 2, entering other values should not match any rows.

The expected behaviour can be seen when src/components/table/helpers/mixin-filtering.js has the deep option for the watch on filter:

watch: {
  filter: {
    handler: function filter(newFilter, oldFilter) {
      ...
    },
    deep: true
  }
}

Versions

Libraries:

  • BootstrapVue: 2.0.0
  • Bootstrap: 4.3.1
  • Vue: 2.6.10

Demo link

https://jsfiddle.net/a93h0muq/1/

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions