vue3 filter

作者：半写的温柔ノ发布日期:2026-01-14 浏览:80

在 Vue 3 中，官方已经移除了对 filter 的支持。如果你需要实现类似的功能，可以通过计算属性（computed properties）或方法（methods）来替代。以下是使用计算属性的示例：

<template>
  <div>
    <ul>
      <li v-for="item in filteredItems" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['apple', 'banana', 'orange', 'grape'],
      searchQuery: ''
    };
  },
  computed: {
    filteredItems() {
      return this.items.filter(item => 
        item.includes(this.searchQuery.toLowerCase())
      );
    }
  }
};
</script>

这个例子中，我们使用了计算属性 filteredItems 来过滤 items 数组中的元素。你可以根据需要修改过滤逻辑。

上一篇：vue3 富文本

下一篇：vue.set