Событие пожара при изменении значения модели Vue JS - PullRequest
Новая
       5

Событие пожара при изменении значения модели Vue JS

0 голосов
/ 17 июня 2020

У меня есть простой выпадающий список вроде этого: 

<select v-model="selected.applicationType"
        v-on:change="applicationTypeChanged"
        class="form-control">
    <option v-for="item in applicationTypes"
            v-html="item.text"
            v-bind:value="item.value"></option>
</select>

Выпадающий список привязан к модели, и событие изменения также работает должным образом. Но программно я изменяю значение selected.applicationType, а затем мне нужно запустить событие изменения раскрывающегося списка. Как я могу запустить событие изменения при изменении значения модели?

1 Ответ

2 голосов
/ 17 июня 2020

Для этого можно использовать наблюдателя 

<select v-model="selected.applicationType" class="form-control">
    <option v-for="item in applicationTypes"
            v-html="item.text"
            v-bind:value="item.value"></option>
</select>

export default
{
  data()
  {
    return {
      selected:
      {
        applicationType: null
      }
    }
  },
  watch:
  {
    'selected.applicationType'(newVal)
    {
      this.applicationTypeChanged(newVal);
    }
  },
  methods:
  {
    applicationTypeChanged(newValue)
    {
      ...
    }
  }
}
...