如何在Vuejs/Javascript中使过滤器不区分大小写

在Vue.js/Javascript中，可以通过自定义过滤器的方式实现不区分大小写的过滤功能。下面是一个实现的示例：

首先，在Vue.js中定义一个全局过滤器，可以使用Vue.filter方法。例如，我们定义一个名为caseInsensitiveFilter的过滤器：

Vue.filter('caseInsensitiveFilter', function(value, keyword) {
  if (!value) return '';
  if (!keyword) return value;

  keyword = keyword.toLowerCase();

  return value.filter(function(item) {
    return item.toLowerCase().indexOf(keyword) !== -1;
  });
});

然后，在Vue组件中使用该过滤器。在模板中使用|符号将过滤器应用于需要过滤的数据。例如：

<template>
  <div>
    <input v-model="searchKeyword" placeholder="Search">
    <ul>
      <li v-for="item in filteredItems">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchKeyword: '',
      items: ['Apple', 'Banana', 'Orange', 'Grape']
    };
  },
  computed: {
    filteredItems() {
      return this.items.filter(item => {
        return item | caseInsensitiveFilter(this.searchKeyword);
      });
    }
  }
};
</script>

在上面的示例中，我们定义了一个输入框用于输入搜索关键字，并使用v-model指令将输入的值绑定到searchKeyword变量上。然后，使用v-for指令遍历过滤后的数据并渲染到页面上。

在过滤器函数中，我们将输入的关键字和数据项都转换为小写字母，并使用indexOf方法进行匹配。如果匹配成功，则返回该数据项。

这样，无论用户输入的关键字是大写、小写或混合大小写，都能正确地过滤出相应的数据项。