好的表-filterDropdownItems返回不正确的值

Question

filterDropdownItems: [
   {'value': 'active', 'text': 'Active'},
   {'value': 'inactive', 'text': 'Inactive'}
]

当我选择 Active 时，它还会显示 Inactive 值。这是工作示例：

https://jsfiddle.net/b90fa2er/2/

任何建议如何解决此问题？

Answer 1

您需要提供过滤功能。

data: {
  methods: {
    columnFilterFn(data, str) {
      if (str === 'active') {
        return data === 'Active'
      } else {
        return data === 'Inactive'
      }
    }
  }
}

顺便说一句，您可能希望将活动状态存储在另一个字段中，而不是名称中。使用id代替name来存储数据。然后在过滤器功能中，查找对象rows.find(it=>it.id === data)