Select is not updating the label when the v-model attribute is cleared

[antonreshetov]

Select is not updating the label when the v-model attribute is cleared

[varave]

@laurengriffin hi, maybe your problem will be solved this: https://vuejs.org/v2/guide/reactivity.html#Async-Update-Queue

[varave]

@antonreshetov the problem is on this line

vue-form-components/src/components/select/Select.vue

Line 222 in af443d8

if (!this.value) return

, if this.value is empty, then you need to clear this.selected. I fixed this code and it worked:

setInitValue () {
  if (this.multiple) {
    this.selected = this.value.map(item => {
      return this.data.find(i => i.value === item)
    })
  } else if (this.value !== '') {
    this.selected = this.data.find(item => item.value === this.value)
  } else {
    this.selected = {}
  }
},