Javascript Vuetify:基于选择的从属v选择
我制作了一个codepent-示例: 用户应该选择一个国家,最终只选择属于某个国家的城市。然而,人们的数据背后有一个数组。如何告知Vue(tify)仅更改当前编辑行中的那些项目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
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)"
如果你掌握了这个概念,那就很容易了。。。非常感谢。如果你掌握了这个概念,那就很容易了。。。非常感谢。