Question

我创建了一个简单的Vue应用程序，我想按城市名称以及代码（值）进行过滤。这可能吗？

我知道正确的方法是使用Vue计算，但由于某种原因，我无法将其链接起来。

new Vue({
  el: '#app',
  data() {
    return {
      findName: '',
      options: [
        {"text":"Aberdeen","value":"ABZ"},
        {"text":"Belfast","value":"BHD"},
        {"text":"Bradford","value":"BRF"}
      ]
    }
  },
  computed: {
    filteredNames() {
      let filter = new RegExp(this.findName, 'i')
      return this.options.filter(el => el.match(filter))
    }
  }
})

Answer 1

您只需要过滤选项列表的属性即可。检查这个小提琴：https://jsfiddle.net/zxua4r0m/

更改的代码：

tablePG

通过同一过滤器中的两个属性过滤Vue

1 个答案: