我正在使用 vue 從 axios 調用中獲取返回的對象并用它填充一個 html 表。我有我想要的表格，但我想知道是否有辦法（不想將整個事情轉換為數據表）使每個標題成為表格的過濾器，以便可以過濾整個表格的多個列. 基本上，假設行具有“資源”列的“卡車”、“拖車”和“容器”等項目。我正在考慮在該列的標題上設置一個下拉過濾器，該過濾器將顯示所有資源的行，或者我可以選擇“卡車”，以便在表格中只顯示帶有“卡車”的行。那有意義嗎？Vue 是否有一種固有的方法可以做到這一點？<table style="width:100%; text-align:center;"><thead>    <tr>        <th>Title</th>        <th>Resource</th>        <th>Location</th>        <th>Status</th>    </tr></thead><tbody  v-for="dateEvent in dateEvents">    <tr>        <td v-if="dateEvent.id === '2'">{{ dateEvent.title }}</td>        <td v-if="dateEvent.id === '2'">{{ dateEvent.resource }}</td>        <td v-if="dateEvent.id === '2'">{{ dateEvent.location }}</td>        <td v-if="dateEvent.id === '2'">{{ dateEvent.status }}</td>    </tr>  </tbody></table>data () {return {    dateEvents: []},created() {    this.fetchItems();},methods: {    fetchItems() {        axios.get('/home/resource_items')        .then(response => {          // handle success          console.log(response.data)          this.dateEvents = response.data        })        .catch(function(error) {          console.log(error)        })        .finally(function() {})    } }