属性'toLowerCase'和'includes'错误Vue.js vuetify答案

【问题标题】：Properties 'toLowerCase' and 'includes' error Vue.js vuetify属性'toLowerCase'和'includes'错误Vue.js vuetify
【发布时间】：2020-11-10 06:59:20
【问题描述】：

我试图在 vuetify 数据表上实现多个过滤器，一切正常，直到验证搜索的方法显示以下错误

模板：

<v-container fluid>
  <v-row>
    <v-col cols="6">
      <v-row class="pa-6">
        <!-- Filter for dessert name-->
        <v-text-field v-model="contactoFilterValue" type="text" label="Contacto"></v-text-field>
      </v-row>
    </v-col>

    <v-col cols="6">
      <v-row class="pa-6">
        <!-- Filter for calories -->
        <v-select
                :items="empresaLists"
                item-text="nombre" item-value="nombre"
                v-model="empresaFilterValue"
                label="Empresa"
        ></v-select>
      </v-row>
    </v-col>
  </v-row>
</v-container>

脚本：

data: () => ({
  contactoFilterValue: '',
  empresaFilterValue: null,
},

computed: { 
  headers(){
    return[
    {text: '', value: 'viewmore', sortable: false },
    {text: 'Empresa',align: 'start',value: 'empresa', filter: this.empresaFilter,},
    {text: 'Contacto',value: 'contacto', filter: this.contactoFilter,},
    {text: 'Actions', value: 'actions', sortable: false },
  ]},
},
    
methods: { 
      contactoFilter(value) {
        if (!this.contactoFilterValue) {
          return true;
        }
        return value.toLowerCase().includes(this.contactoFilterValue.toLowerCase());
      },
      empresaFilter(value) {
        if (!this.empresaFilterValue) {
          return true;
        }
        return value === this.empresaFilterValue;
      },
    }

这条线似乎没有正常工作，有没有人知道解决方案？

返回值.toLowerCase().includes(this.contactoFilterValue.toLowerCase());

【问题讨论】：

尝试检查 value 是否不为空.... if (!this.contactoFilterValue || value == undefined || value == null) {

标签： laravel vue.js vuetify.js

【解决方案1】：

在这一行中，您将filter 设置为函数contactoFilter，但您没有提供参数value：

 {text: 'Contacto',value: 'contacto', filter: this.contactoFilter,},

我不确定你的意图。要么提供像this.contactoFilter('foo') 这样的值，要么使用不同的变量分配为filter。

【讨论】：