Почему выбранное значение изменилось, но все еще отображается старое значение? - PullRequest
Новая
       22

Почему выбранное значение изменилось, но все еще отображается старое значение?

0 голосов
/ 17 апреля 2020

В эти дни я изучаю Vue с Element-UI, и сегодня я рано столкнулся с проблемой.
Я видел, что значение моего выбора было изменено уже на консоли, но на странице все равно отображалось старое значение. ценность. Почему? Вот код моего выбранного тега: 

<el-select v-model="ruleForm.emp" filterable placeholder="please select" @change="empChange">
  <el-option v-for="item in emps" :key="item.id" :label="item.name" :value="item">
  </el-option>
</el-select>

Вот код ruleForm : 

ruleForm: {
     emp: {
         id: 1,
         name: '',
         address: ''
     },
     startDate: '',
     position: '',
     positionDetails: ''
}

Вот метод empChange : 

empChange(emp){
    this.ruleForm.emp = emp;
}

Если вам нужно что-то еще, чтобы помочь вам разобраться, пожалуйста, дайте мне знать, и я обновлю сразу. Будем благодарны за любую помощь!

Обновление: Vue и версия Element-UI 

"element-ui": "^2.4.5",
"vue": "^2.5.2"

Обновление: одно emp из данных emps : 

emp: {
id: 1723
name: "test"
address: "address_test"
}

1 Ответ

0 голосов
/ 17 апреля 2020

В методе empChange измените: 

empChange(emp){
   this.$set(this.ruleForm, 'emp', emp);
}

См. реактивность

...