如何将筛选器仅<b-table>应用于

Question

这个问题是关于 vue-bootstrap 的

当我使用 b 表的过滤器属性时，筛选器将应用于表中的所有数据。如下所示。

<b-table
  :items="lists"
  :fields="fields"
  :filter="filter"
  @filtered="onFiltered"
  >

-- Result --
filter : '13'
name  age member_num
John  13  13   
Steve 15  13
Ben   13  17

但我只想将过滤器应用于年龄列。如下所示。

filter : '13'
name  age member_num
John  13  13 
Ben   13  17

Answer 1

我有一个类似的问题，并以这种方式解决了它。 请注意，我的"列表"即将推出FRROM商店.js1(为年龄过滤器创建选择输入

<b-input-group>
            <b-form-select v-model="agefilter"  :options="this.$store.state.age">                         
               <option slot="first" :value="null">-- اختر --</option>
             </b-form-select>
           </b-input-group>

2(内部计算：

 lists() {
            if(this.agefilter!=null)
                 {
                    var filterData = this.$store.getters.lists.filter(data => {
                    return data.age.toString().includes(this.agefilter)
                })
                this.totalRows = filterData.length;
                return filterData; 
                 } else {
                            var filterData =  this.$store.getters.lists
                            this.totalRows = filterData.length;
                            return filterData;
            }
        },