vue.js - vue 好表 - filterDropdownItems 返回不正确的值

Question

filterDropdownItems: [
   {'value': 'active', 'text': 'Active'},
   {'value': 'inactive', 'text': '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)