我正在尝试使用自定义过滤器函数过滤掉 bootstrap-vue 表中的一些行。
我编写了一个函数,它接受两个参数 - 一个行对象和一个空的过滤器参数,并返回 true 或 false,如文档中所示。
我尝试使用this和this答案中提供的代码,但它们也不起作用。
我也尝试放入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)