Почему не инициализируется переменная в словаре?

Question

[Владимир Куц]

В блоке data я инициализирую словарь

data: () => ({
            filterItem: {
                learning_type: null,
            },
...

однако learning_type так и остается неопределенной:

почему так? И как таки присвоить ключу learning_type значение null а не undefined ?

Answer 1

[Владимир Куц]

¯\_(ツ)_/¯
В общем - решил пока так:

mounted() {      
      if (this.filterItem.learning_type === undefined) {
                this.filterItem.learning_type = null
       }
}

Если найдется лучшее решение - отмечу ответом его.

Answer 2

[bqio]

data() {
  return {
    filterItem: {
      learning_type: null,
    }
  }
}

Comments

[Владимир Куц]

data() {
            return {
                items: [],
                isBusy: true,
                filterItem: {
                    learning_type: null,
                },
...

Все равно undefined (((

[bqio]

Владимир Куц, а Вы где запрашиваете переменную?

[Владимир Куц]

bqio,

<b-form-select
                        v-model="filterItem.learning_type"
                        :options="learning_types"
                        style="border: none;"
                        @change="filterData()">
                        <option :value="null">Тип обучения</option>
                    </b-form-select>

в learning_types у меня:

[{"value":1,"text":"Дистанционное"},{"value":2,"text":"Очное"},{"value":3,"text":"Дистанционное без СДО"},{"value":4,"text":"Очное без СДО"},{"value":null,"text":"Тип обучения"}]