时间戳

首页 > 解决方案 > Vuetify：基于选择的依赖v-select

javascript - Vuetify：基于选择的依赖v-select

问题描述

我做了一个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
   }

标签： javascriptvue.jsvuetify.js

解决方案

您应该在 v-select 中根据个人国家/地区过滤城市，如下所示：

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

推荐阅读