Почему на хостинге не срабатывает условие if?

Question

[kostya1704]

В methods: {} vue.js 2 , после заливки проекта на хостинг перестало работать if :

if (this.form.volume > this.locations.volume){
      alert('Доступно - '  + this.locations.volume + ': вы запросили ' + this.form.volume)
    }

this.locations.volume - получаю из БД , сервер laravel 8
На локалке работает. Тип данных одинаковый, кодировка в БД одинаковая.
Фрагмент формы :

<input
        id="volume"
        type="number"
        min="1" step="1"
        class="form-control"
        :class="$v.form.volume.$error ? 'is-invalid' : ''"
        v-model.trim="form.volume"
        :placeholder="this.locations.volume"
      >

Answer 1

[stavfz]

А можно увидеть ту часть кода где вы получаете this.locations.volume

Comments

[kostya1704]

mounted() {
            let app_location = this;
            var newLocation = app_location;
            
            axios.get('/api/locations/' + app_location.$route.params.id, newLocation)
            .then(function (resp) {
            app_location.locations = resp.data;
                })
             },

data() {
    return {
      locations: [
      {
          id: '',
          name: '',
          volume: '',
         },
      ],
    }
  },

При выборе локации переходим на форму с данными конкретной локации , её некоторыми данными : id, name , volume.

[stavfz]

kostya1704,
axios возвращает вам промис и его нужно немного подождать обычно :)

скорее всего такой вариант вылечит проблему

async mounted() {
            let app_location = this;
            var newLocation = app_location;
            
            await axios.get('/api/locations/' + app_location.$route.params.id, newLocation)
            .then(function (resp) {
            app_location.locations = resp.data;
                })
             },