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

【问题标题】：vue good table - filterDropdownItems return incorrect valuesvue 好表 - filterDropdownItems 返回不正确的值
【发布时间】：2019-07-21 04:42:26
【问题描述】：

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

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

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

有什么建议可以解决这个问题吗？

【问题讨论】：

标签： vue.js vue-good-table

【解决方案1】：

您需要提供过滤功能。

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

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

【讨论】：