Vuetify：基於選擇的依賴 v-select

Question

我做了一個codepent - 例如： https ://codepen.io/rasenkantenstein/pen/qBdZepM

用戶應該選擇一個國家，最終只選擇屬於一個國家的城市。 然而，人的數據背后有一個數組。 如何告訴 Vue(tify) 僅更改當前編輯行中的那些項目？

    changeCity(index, country) {
     //How can I filter the cities here for each person?
     let result = this.cities.filter(city => {
       return city.country == country
     })
     console.log(result)
     //this works on all fields... ? --> this.cities = result
   }

Answer 1

您應該在 v-select 中根據個人國家/地區過濾城市，如下所示：

:items="cities.filter(c => c.country === person.country)"