Javascript Vuejs表格显示axios过滤响应

我一直在寻找一种使用vue js和axios在我的表中显示过滤结果的方法。在表上使用if语句时，会显示过滤后的结果，但在导出数据时会出现问题，因为所有结果（包括未过滤的结果）都会被提取。 我现在正在过滤axios响应，但该表显示了我的响应中的所有内容。我可以使用

filter

以外的方法获得过滤结果，如有任何提示，将不胜感激

我的桌子

<v-data-table
                  :headers="headers1"
                  :items="new_users"
                  :rows-per-page-items="rowsPerPage"
                  :search="search"
                  :loading="true"
                  class="elevation-1"
                  item-key="id"
                >

                <template slot='no-data'>
                    <v-progress-linear slot='progress' indeterminate></v-progress-linear>
                </template>

                  <template
                    slot="items" slot-scope="props">
                    <!-- v-if="props.item.profile_complete === 0"> -->
                      <td>{{ props.item.gender }}</td>
                      <td>{{ props.item.msisdn }}</td>
                      <td>{{ props.item.email }}</td>
                      <td>{{ props.item.profile_complete }}</td>

我的方法

getUsers () {
      axios.get('users')
        .then((response) => {
          this.users_ttl = response.data.data
          this.loopT(response.data.links.next)
          this.isLoading = false
        })
        .catch((error) => {
          console.log(error)
          this.error = true

        })
    },

---

您的计算属性当前未执行任何操作。您没有在模板中使用它。它也不会返回一个值，并且其中的数据正在发生变化，这是一种糟糕的做法

将您拥有的计算属性替换为此

计算：{
过滤器列表（）{
返回此.users\u ttl.filter（item=>item.profile\u complete==0）；
}
}，

你能把你的问题解释清楚一点吗，我不太明白你的确切问题是什么。此外，您的计算属性没有返回任何内容。您是否应该返回筛选结果并在items属性中使用filteredList？

getUsers () {
      axios.get('users')
        .then((response) => {
          this.users_ttl = response.data.data
          this.loopT(response.data.links.next)
          this.isLoading = false
        })
        .catch((error) => {
          console.log(error)
          this.error = true

        })
    },