Javascript Vuetify:基于选择的从属v选择

Javascript Vuetify:基于选择的从属v选择,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,我制作了一个codepent-示例: 用户应该选择一个国家,最终只选择属于某个国家的城市。然而,人们的数据背后有一个数组。如何告知Vue(tify)仅更改当前编辑行中的那些项目 changeCity(index, country) { //How can I filter the cities here for each person? let result = this.cities.filter(city => { return city.c

我制作了一个codepent-示例:

用户应该选择一个国家,最终只选择属于某个国家的城市。然而,人们的数据背后有一个数组。如何告知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
   }

您应该在v-select中根据个人国家/地区筛选城市,如下所示:

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

您应该在v-select中根据个人国家/地区筛选城市,如下所示:

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

如果你掌握了这个概念,那就很容易了。。。非常感谢。如果你掌握了这个概念,那就很容易了。。。非常感谢。