Javascript v-treeview的去盎司滤波器
我一直在尝试实现VuetifyJavascript v-treeview的去盎司滤波器,javascript,vue.js,object,filter,vuetify.js,Javascript,Vue.js,Object,Filter,Vuetify.js,我一直在尝试实现Vuetifyv-treeviewdebounced search filter函数,该函数将过滤我从API调用中得到的大量对象,我还尝试了许多StackOverflow答案中的多种解决方案,如,和其他 我从API调用获得的对象,用于构建v-treeview,如下所示 {children: Array(14), Title: "MSC GeoMet — GeoMet-Weather 2.14.1"} Title: "MSC GeoMet — GeoM
v-treeview
debounced search filter函数,该函数将过滤我从API调用中得到的大量对象,我还尝试了许多StackOverflow答案中的多种解决方案,如,和其他
我从API调用获得的对象,用于构建v-treeview
,如下所示
{children: Array(14), Title: "MSC GeoMet — GeoMet-Weather 2.14.1"}
Title: "MSC GeoMet — GeoMet-Weather 2.14.1"
children: Array(14)
0:
Name: "Regional Deterministic Prediction System (RDPS) [10 km]"
Title: "Regional Deterministic Prediction System (RDPS) [10 km]"
children: Array(5)
0:
Name: "RDPS - Coupled to Gulf of St. Lawrence (RDPS-CGSL)"
Title: "RDPS - Coupled to Gulf of St. Lawrence (RDPS-CGSL)"
children: Array(9)
0:
Name: "CGSL.ETA_ICEC"
Title: "CGSL.ETA.ICEC - Ice cover fraction"
__ob__: Observer {value: {…}, dep: Dep, vmCount: 0}
get Name: ƒ reactiveGetter()
set Name: ƒ reactiveSetter(newVal)
get Title: ƒ reactiveGetter()
set Title: ƒ reactiveSetter(newVal)
__proto__: Object
1: {__ob__: Observer}
2: {__ob__: Observer}
3: {__ob__: Observer}
...
...
...
...
目前,我的模板看起来像
<v-row>
<v-text-field
v-model="search"
color="primary"
label="Search"
rounded
filled
clearable></v-text-field>
</v-row>
<v-row>
<v-treeview
:items="treeItems"
:search="search"
:open.sync="open"
:filter="filter"
item-key="Title"
ref="tree">
我将省略filter方法,因为它不起作用,但我已经尝试了几种方法。一种是获取对象的条目过滤器,并返回对象。fromEntries(filtered)
,过滤方式类似于和。有人能帮我设置这个Vue组件来消除搜索的影响吗