当前位置: 首页 > 知识库问答 >
问题:

引导vue表:包含筛选器的字段不起作用

蔚元明
2023-03-14

我需要bootstrap vue表中的帮助,如果im筛选字段'created_by'筛选包含的字段正在工作,但是如果im筛选'memberinfo。年龄“筛选包含的字段不起作用

表代码:

<b-table id="my-table"
  :items="allMember.data"
  :per-page="perPage"
  :current-page="currentPage"
  :fields="fields"
  :filter="filter"
  @filtered="onFiltered"
  :filter-included-fields="['memberinfo.age']"
>
</b-table>

这是我的领域

  fields: [
    'selected',
    { key: 'memberinfo.fullname', label: 'Full Name' },
    { key: 'memberinfo.address', label: 'address' },
    { key: 'memberinfo.age', label: 'age' },
    { key: 'memberinfo.gender', label: 'gender' }
    {
      key: 'created_at',
      label: 'Date register',
      formatter: value => {
        return value.substring(0, 10)
      }
    }

这是我的会员。数据

[
   {
      "id":1,
      "email_address":"maryam.ziemann@example.com",
      "created_at":"2020-10-11T05:09:17.000000Z",
      "memberinfo":{
         "fullname":"Kade Heidenreich MD",
         "address":"42316 Elvie Mission Suite 938\nNorth Johnathan, IL 50463-0481",
         "age":27
         "gender":"Female"
      }
   },
   {
      "id":2,
      "email_address":"lilla17@example.net",
      "created_at":"2020-10-11T05:09:17.000000Z",
      "memberinfo":{
         "fullname":"Jovan Beatty II",
         "address":"1996 Olson Highway\nKubport, ID 35064-7977",
         "age":27,
         "gender":"Female"
      }
   },
   {
      "id":3,
      "email_address":"nayeli.west@example.net",
      "created_at":"2020-10-11T05:09:17.000000Z",
      "memberinfo":{
         "fullname":"Sheila Emmerich",
         "address":"88080 Ed Corner Apt. 702\nKrajcikton, OK 50658-1519",
         "age":27,
         "gender":"Male"
      }
   },
   {
      "id":4,
      "email_address":"lauren.hahn@example.net",
      "created_at":"2020-10-11T05:09:17.000000Z",
      "memberinfo":{
         "fullname":"Yesenia Rau",
         "address":"776 Hilpert Club Suite 853\nStreichberg, MA 78250",
         "age":23,
         "gender":"Male"
      }
   },
   {
      "id":5,
      "email_address":"flatley.lillian@example.net",
      "created_at":"2020-10-11T05:09:17.000000Z",
      "memberinfo":{
         "fullname":"Junior Eichmann IV",
         "address":"61705 Watsica Motorway Suite 816\nStrackeside, VA 61128-8080",
         "age":27,
         "gender":"Male"
      }
   }
]

共有2个答案

董同
2023-03-14

只需使用成员信息对象

 :filter-included-fields="['memberinfo']">
阴靖
2023-03-14

过滤器包含字段过滤器忽略字段道具仅适用于顶级属性,如本文所述

您必须编写一个定制的过滤器函数,以完成您要做的事情。

 类似资料:
  • 我试图在 /users查询中使用包含过滤器,例如:https://graph.microsoft.com/v1.0/users?$filter=包含(displayName,'Garth') 然而,这会导致一个BadRequest响应,称“发现了一个名称为‘包含’的未知函数”。这也可能是导航属性上的键查找,这是不允许的。" 根据OData 4.0规范,包含过滤器应该是可用的。有没有办法在用户列表中

  • 我使用的是Spark 1.3.0和Spark Avro 1.0.0。我从存储库页面上的示例开始工作。以下代码运行良好 但是如果我需要查看doctor字符串是否包含子字符串,该怎么办?因为我们是在字符串中编写表达式。我该怎么做“包含”?

  • 使用Boostrap表通过whenzhixin与过滤器控制扩展。http://bootstrap-table.wenzhixin.net.cn/extensions/#table-filter-control 我希望选择中显示的选项按数字顺序排序。 代码可从以下网址获取:https://jsfiddle.net/yd75psoc/4 您将看到选项按以下顺序显示:1,10,2。当前行为 我需要这些值

  • 我有一个实体,其中一个字段是 我需要得到所有的时间表项目,其中的集合包含一个特定的组(集合可以有很多不同的组也。如果“我的组”是其中之一-它是我需要的)。 如果在没有任何条件的情况下运行代码,我可以在调试器中看到我的包含数据库中的所有项,并且每个项都包含中的组。 截图 当然,我可以“手动”找到我需要的项(例如,使用.stream()),但我肯定有一些方法可以使用谓词来获得它。

  • 当我尝试使用下面的数据时,我得到的第一列是true/false,而不是复选框。 这是vue表: 以下是我的表格数据:

  • 我试图查询存在特定字段的日期范围。这似乎很容易,但我感觉到关键字“exists”在文档中发生了变化。我在5.4。https://www.elastic.co/guide/en/elasticsearch/reference/5.4/query-dsl-exists-filter.html 我使用@timestamp表示日期,并且字段“error_data”在映射中,只有在发现错误条件时才出现。 以