如何通过计算的vuejs过滤对象中的对象？

在Vue.js中，可以通过计算属性来过滤对象中的对象。具体步骤如下：

1. 首先，在Vue实例中定义一个对象数组，包含需要过滤的对象。
2. 在计算属性中定义一个过滤方法，该方法接收一个参数（过滤条件），并返回过滤后的对象数组。
3. 在模板中使用过滤方法，并将过滤条件传递给计算属性。

以下是示例代码：

<template>
  <div>
    <input type="text" v-model="filterCondition" placeholder="输入过滤条件">
    <ul>
      <li v-for="filteredObj in filteredObjects">{{ filteredObj.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      objects: [
        { name: '对象1', category: '分类1' },
        { name: '对象2', category: '分类2' },
        { name: '对象3', category: '分类1' }
      ],
      filterCondition: ''
    };
  },
  computed: {
    filteredObjects() {
      return this.objects.filter(obj => obj.category === this.filterCondition);
    }
  }
};
</script>

在上述代码中，通过v-model指令将输入框的值与filterCondition绑定，当输入框的值改变时，filterCondition的值也会相应地更新。

在计算属性filteredObjects中，使用数组的filter方法对objects进行过滤，只返回满足条件（category等于filterCondition）的对象。

最后，在模板中使用v-for指令循环渲染过滤后的对象数组，并显示每个对象的name属性。

这样，当输入框中的值改变时，filteredObjects会根据过滤条件自动更新，实现了通过Vue.js过滤对象中的对象。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）。

腾讯云云服务器（CVM）：提供安全可靠、灵活扩展的云服务器，适用于各类应用场景。产品介绍链接：https://cloud.tencent.com/product/cvm

腾讯云对象存储（COS）：提供高可靠、高性能、低成本的对象存储服务，用于存储和处理各类非结构化数据。产品介绍链接：https://cloud.tencent.com/product/cos