vue form如何筛选状态0和1

在Vue中，如果你想过滤表单（form）里的数据，特别是那些状态字段为0和1的数据，你可以使用计算属性（Computed Property）或者数组方法配合Vue的响应式特性来做筛选。

假设你有如下数据结构：

data() {
  return {
    formData: [
      { id: 1, status: 0 },
      { id: 2, status: 1 },
      { id: 3, status: 0 },
      // 更多数据...
    ]
  }
}

1. 使用计算属性（Computed Property）:

computed: {
  filteredData() {
    return this.formData.filter(item => item.status === 0 || item.status === 1);
  }
}

现在，`this.filteredData` 就是一个只包含状态为0和1的数组。

2. 在模板中遍历：

<template>
  <div>
    <ul>
      <li v-for="item in filteredData" :key="item.id">
        {{ item.id }} - {{ item.status }}
      </li>
    </ul>
  </div>
</template>

当你需要更新过滤结果时，只需要改变数据源，如`formData`，因为它们是响应式的，`filteredData`会自动同步变化。