小编t_p*_*prz的帖子

如何使用自定义过滤器功能过滤 b 表行?

我正在尝试使用自定义过滤器函数过滤掉 bootstrap-vue 表中的一些行。

我编写了一个函数,它接受两个参数 - 一个行对象和一个空的过滤器参数,并返回 true 或 false,如文档中所示

我尝试使用thisthis答案中提供的代码,但它们也不起作用。

我也尝试放入console.log(row, filter)filterTable 方法,但它没有向控制台写入任何内容。

<template>
  <div>
    <b-table 
      striped hover 
      :items="items" 
      :filter=null 
      :filter-function="filterTable"></b-table>
  </div>
</template>
Run Code Online (Sandbox Code Playgroud)
export default {
    data() {
      return {
        items: [
          { age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },
          { age: 21, first_name: 'Larsen', last_name: 'Shaw' },
          { age: 89, first_name: 'Geneva', last_name: 'Wilson' },
          { age: 38, first_name: 'Jami', last_name: 'Carney' }
        ]
      }
    },

    methods: {
      filterTable(row) {
        if …
Run Code Online (Sandbox Code Playgroud)

vue.js bootstrap-vue

7
推荐指数
1
解决办法
1万
查看次数

标签 统计

bootstrap-vue ×1

vue.js ×1