Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法理解筛选器[VueJS]中的参数_Javascript_Vue.js - Fatal编程技术网

Javascript 无法理解筛选器[VueJS]中的参数

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参数: 假设我们有一个字符串数组,并且

当我阅读VueJS API文档时 我发现很难理解args。 下面是示例

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
      }
    },
})