如何正确删除vue-select多选项目
如何正确删除vue-select多选项目
提问于 2017-06-23 00:04:08
我有一个vue-select multiselect (http://sagalbot.github.io/vue-select/)定义为
<v-Select label="label" multiple :on-change="updateCities" :options="cities"></v-Select>方法updateCities被定义为
'updateCities': function (menuItem) {
var name = ''
// iterate thru the elements in the multiselect
menuItem.forEach(function (elem, i) {
name = elem.label
return name
})
// push the selected element to an array in the data model
this.state.city.push(name)
}数据模型定义为
'data' () {
return {
'state': {
'city': []
}
}
}当我单击多选并选择一个城市时，菜单和数据模型数组city都会正确更新，但是当我单击菜单项右上角的X从菜单和数据模型数组city中删除元素时。如下所示
元素已从菜单中正确删除，但未从数据模型数组city中删除。
我该如何解决这个问题？
回答 1
Stack Overflow用户
发布于 2017-06-23 01:11:45
通过将this.state.city的值赋给菜单项来解决此问题：
'updateAdvertisers': function (menuItem) {
this.state.city= menuItem.map(elem => elem.label)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44704430
复制相关文章
相似问题
腾讯云开发者
