Javascript 无法理解筛选器[VueJS]中的参数
当我阅读VueJS API文档时 我发现很难理解args。 下面是示例Javascript 无法理解筛选器[VueJS]中的参数,javascript,vue.js,Javascript,Vue.js,当我阅读VueJS API文档时 我发现很难理解args。 下面是示例 Arguments: {String | Function} targetStringOrFunction "in" (optional delimiter) {String} [...searchKeys] 任何答案都很好 如中所述,过滤器filterBy仅限于期望Array值的指令,例如v-for 对于ARG: 对于targetStringOrFunction参数: 假设我们有一个字符串数组,并且
Arguments:
{String | Function} targetStringOrFunction
"in" (optional delimiter)
{String} [...searchKeys]
任何答案都很好 如中所述,过滤器filterBy
仅限于期望Array
值的指令,例如v-for
对于ARG:
- 对于targetStringOrFunction参数:
filterBy
:
new Vue({
el: '...',
data: {
searchedValue: '' // keeping it empty will simply show all results
}
...
});
<div v-for="user in users | filterBy searchedValue in 'firstName'">
在HTML中:
<div v-for="value in values | filterBy searchedValue">
或者,您可以在多个关键字中搜索:
<div v-for="user in users | filterBy searchedValue in 'firstName' 'lastName'">
希望hepl:)ahh,因此{String | Function}targetStringOrFunction并不意味着实际的循环本身。因为关键字中的
,targetStringOrFunction
只是对{String | Function}
的一种解释,所以它们的语法似乎是一样的:)你能接受这个答案来帮助别人得到正确的答案吗;)
var demo = new Vue({
el: '#demo',
data: {
searchedValue: '',
users: [
{firstName: 'Jhone', lastName:'Doe'},
{firstName: 'Daved', lastName:'Bazz'},
{firstName: 'Pieter', lastName:'Foo'},
]
},
methods: {
myFilter: function(user) {
return user.firstName == searchedValue; //Or what erev you want here
}
},
})